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);
}