css 롤오버 질문 드려요!
비치나
코딩초보입니다CSS 롤오버 하는것에 대해 검색하고 찾아보고 하다가 잘 안되서 질문드려요하나의 이미지로 된 롤오버 전후를 css 백그라운드 이동으로 해서 롤오버 하는것까지는 했는데요문제는 그 이미지에 롤오버 했을시에 다른이미지가 보여지고 싶은데 그 부분에 대해서 검색해보고계속 해봤는데 잘안되고 도무지 해결기미가 안보여서요 ㅠㅠ
여기서 1번에 마우스 올리면 1번이미지가 롤오버후 이미지로 변하는것과 동시에 2번 이미지도 변했으면 싶거든요
▼ 1번 이미지 변하는 css는 했는데 여기서 2번 이미지를 변하게 하기 위해서 어떤걸 추가 해야하는지 감이안잡혀요 ㅠㅠ--------------------------------------------------------------------------------------------.rollover a{ width:200px; display: block; position:absolute; z-index:1; cursor: pointer;}
#rolloverbutton a{ height:200px; background: url(롤오버전후합친이미지) no-repeat left top;}
#rolloverbutton a:hover{ background-position: left -154px;}
----------------------------------------------------------------------------------------------여기서 css에서 1번 롤오버했을때 1번도 변하고 2번도 변하게 하는 것을 css에서 해결할수 있나요?
