CSS Hover Effect

Question

I need to show an additional image once the user hovers over button. How would you go around doing this ideally just using CSS.

You can see what I need exactly on the image below, when the users hovers on the brochure button, the view brochure button appears.

Answer 1

with css alone, if you can put an element inside the hovered object, you can do like this:

fiddle here: 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

In CSS

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