jquery - CSS - Target background image in DIV -
i'd target background-image of div can apply 'glow' style when div hovered over.
see fiddle exmaple of current setup , how i'm attempting (albeit, targeting div , not image in div).
is possible? if so, how :) ..if not, how might change html/css give same visual effect see in fiddle allow image have 'glow' apply it?
thanks in advance.
a background image binary data. can't manipulate contents using css.
the way to, on hover, switch image file has glow around arrow graphic:
.collapsible { background-image: url('/arrow_mini_up.png'); background-repeat: no-repeat; background-position: right; } .collapsible:hover { background-image: url('/arrow_mini_up_glow.png'); } even if use data uri, it's same thing: need specify 1 background image default state , hover state:
.collapsible { background-image: url('data:image/png;base64,a0giftt6...'); background-repeat: no-repeat; background-position: right; } .collapsible:hover { background-image: url('data:image/png;base64,n4x71al4...'); }
Comments
Post a Comment