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