CSS 호버 효과

Question

사용자가 버튼을 가리키면 추가 이미지를 표시해야합니다. CSS를 사용하는 것이 이상적입니다.

사용자가 브로셔 버튼을 클릭하면 브로셔보기 버튼이 나타납니다. 아래 그림에서 내가 필요한 것을 정확히 볼 수 있습니다. 당신이 공중 선회 객체의 내부 요소를 넣을 수 있습니다 경우 CSS 혼자 CSS를

button:hover { 
    background-image: url(someImage.png); 
} 

Answer 1

에서

는

Answer 2

, 당신은 다음과 같이 할 수 있습니다 : 여기

바이올린 : http://jsfiddle.net/Q67hB/

html :

<div id="one">all the time 
    <div id="two">only on hovering one</div> 
</div> 

CSS :

#two{ 
    display: none; 
} 
#one:hover #two{ 
    display: block; 
}