Is it possible to display icons on hover in a div and hide them otherwise using just CSS? Or do I need to use javascript for this function?
Thanks in advance!
Example:
HTML:
<div id="text_entry">
<p>Some text here</p>
<span class="operations">
<a class="delete" href="">Delete</a> | <a class="edit" href="">Edit</a>
</span>
</div>
CSS:
.edit{
background: url('images/edit_icon.png') no-repeat;
}
.delete{
background: url('images/edit_icon.png') no-repeat;
}
.operations{
display: none;
}