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

Popular posts from this blog

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

Calling GetGUIThreadInfo from Outlook VBA -

Obfuscating Python code? -