[jQuery] Internet Explorer CSS dillemma
I'm wrapping up my script from heck(tm) and at john's recommendation
I stripped the IDs from of the items, opting instead to use addClass
and removeClass on mouseover and mouseout (and onclick for 'pressed
states') to toggle graphics. using :hover would work great for most
objects however IE6 support for it is still iffy on non-anchors.
so... this was the route i picked.
now, irony of ironies, IE6 freaks out and applies the first
defined .down class to all objects that get class .down. example from
my css file:
div.scr-bar {background-image: url(assets/images/el_default.png)}
div.scr-up {background-image: url(assets/images/up_default.png)}
div.scr-dn {background-image: url(assets/images/dn_default.png)}
div.scr-dr {background-image: url(assets/images/dr_default.png)}
div.scr-bar.down {background-image: url(assets/images/el_down.png)}
div.scr-dr.down {background-image: url(assets/images/dr_down.png)}
div.scr-up.down {background-image: url(assets/images/up_down.png)}
div.scr-dn.down {background-image: url(assets/images/dn_down.png)}
result is that when I $('div.scr-up').addClass('down') i instead end
up with the graphics for down, since thats the first listed instance
of 'down' in the css. any ideas?
R
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/