css - 24 bit PNG :hover not adjusting background position IE6 on anchor -
I have been using deferred PNG fixes for IE 6:
< P> similarly:
I have a list of tabs with HTML:
& lt; Ul class = "tabs" & gt; & Lt; Li class = "comparison" & gt; & Lt; A href = "/" & gt; & Lt; Span & gt; Comparison & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "scenario" & gt; & Lt; A href = "/" & gt; & Lt; Span & gt; Scenario & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "analysis" & gt; & Lt; A href = "/" & gt; & Lt; Span & gt; Analysis & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;
and CSS:
#icis_dashboard .w_price_history .tabs {status: absolute; Bottom: 19px; Correct: 5px; } #IcI_Dashboard .w_price_history .tabs li {height: 98px; Margin: 0; Width: 41px; } #icis_dashboard .w_price_history .tabs li a, #icis_dashboard .w_price_history .tabs li a span {background: url ( "../ images / icons / sprite_tabs.png") no-repeat 0px 0px; Cursor: indicator; Display area; Height: 100%; Text Indent: -99999px; Width: 100%; } # ICI_Dashboard W_price_history .tabs li a: Hover {Background-Position: -51px0px; } # ICI_Dashboard W_price_history .tabs li.comparison a span {background-position: 0px -110px;} #icis_dashboard .w_price_history Tabs li.comparison a: Hover period {background-position: -50px -110px; } #icis_dashboard .w_price_history .tabs li.scenario a span {background-position: 0px-205px;} #icis_dashboard .w_price_history .tabs li.scenario a: hover span {background-position: -50px -205px;} #icis_dashboard .w_price_history Ktabs Li.analisis a span {background-position: 0px -285px;} #isis_dasboard Kv_prais_histry Ktabs Li.analisis a: hover span {background-position: -50px -285px;}
< P> However, the background-position does not change on the hover of the parent anchor in IE6.
The script (0.0.8):
if (el .nodeName == 'A') {moreForAs = {mouseleave: 'handleseseoHover', ...
i.e. It only : hover <
a on / code> supports the effects of
elements, not elements within them ( a: hover span
).
Maybe you want to try to hack that row to examine other elements, e.g.
var tag = el.nodeName.toLowerCase (); If (tag === 'A' || tag === 'span') {...
Comments
Post a Comment