CSS- link to an icon visible on hover -
i have icon display on top, right of div on hovering on div. code this:
<div class='edit_hover_class'> <!-- code --> </div>
and corresponding css file contains:
.edit_hover_class:hover { background: url("trash.gif") no-repeat scroll right top; }
i want attach link edit icon, possible plain css? if so, how?
you hide link until hover so:
<div class='edit_hover_class'> <a href='#'><img src='icons/trash.gif' /></a> </div> .edit_hover_class a{ visibility:hidden; } .edit_hover_class:hover { visibility:visible; }
see jsfiddle:
or if want icon link, use css visibility
:
Comments
Post a Comment