24位PNG：懸停不錨

Question

調整背景位置IE6我使用IE6遲來的PNG修復：

http://www.dillerdesign.com/experiment/DD_belatedPNG/

像這樣：

<!--[if lt IE 7]> 
    <script type="text/JavaScript" src="/Scripts/DD_belatedPNG_0.0.8a-min.js" defer="defer"></script> 
    <script type="text/JavaScript" src="/Scripts/DD_PNG_listing.js" defer="defer"></script> 
<![endif]--> 

我有選項卡的列表與HTML：

 <ul class="tabs"> 
      <li class="comparison"><a href="/"><span>Comparisons</span></a></li> 
      <li class="scenario"><a href="/"><span>Scenarios</span></a></li> 
      <li class="analysis"><a href="/"><span>Analysis</span></a></li> 
     </ul> 

和CSS：

#icis_dashboard .w_price_history .tabs 
{ 
    position:absolute; 
    bottom:19px; 
    right:5px; 
    } 

#icis_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:pointer; 
    display:block; 
    height:100%; 
    text-indent:-99999px;  
    width:100%;  
    } 

#icis_dashboard .w_price_history .tabs li a:hover 
{ 
    background-position: -51px 0px; 
    } 

#icis_dashboard .w_price_history .tabs li.comparison a span 
{ 
    background-position: 0px -110px;}   

#icis_dashboard .w_price_history .tabs li.comparison a:hover span 
{ 
    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 .tabs li.analysis a span 
{ 
    background-position: 0px -285px;}  

#icis_dashboard .w_price_history .tabs li.analysis a:hover span 
{ 
    background-position: -50px -285px;} 

然而，跨度不父錨懸停改變IE6背景位置。

Answer 1

從腳本（0.0.8）：

if (el.nodeName == 'A') { 
    moreForAs = {mouseleave: 'handlePseudoHover', ... 

即。它僅支持:hover上a元件，而不是元件在其內部（a:hover span）的影響。

也許你可以嘗試破解這一行來檢查你想要的其他元素，如。

var tag= el.nodeName.toLowerCase(); 
if (tag==='a' || tag==='span') { 
    ... 

Answer 2

嘗試向您的span元素添加填充。