CSS懸停效果

Question

一旦用戶懸停在按鈕上，我需要顯示一個額外的圖像。你怎麼去做這個理想的使用CSS。

當用戶懸停在宣傳冊按鈕上時，您可以看到我需要的圖片，視圖小冊子按鈕出現。

Answer 1

與CSS獨自一人，如果你可以把一個元素懸停對象的內部，你可以這樣做：

小提琴這裏：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; 
} 

Answer 2

在CSS

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