IE6中的css精靈

我對星級評分使用以下代碼。該代碼在Firefox中工作正常，但它在IE6中吸引（像往常一樣）。這些明星甚至都沒有出現在IE6中，儘管他們完美無缺。它使用精靈來顯示星星。另外，我已經修復了IE6的PNG透明度問題。IE6中的css精靈

<div id="ajaxratemasuga"><div class="ratingblock"> 
    <ul style="width: 90px;" class="rating" id="unit_ul1730"> 
     <li style="width: 0px;" class="current-rating">Currently 0.00/3</li> 
     <li><a rel="nofollow" class="r1-unit rater" title="1 out of 3" href="javascript:direct_rating1('/videos-103415','1','1730','59.92.50.233','5','0')">1</a></li> 
     <li><a rel="nofollow" class="r2-unit rater" title="2 out of 3" href="javascript:direct_rating1('/videos-103416','2','1730','59.92.50.233','5','0')">2</a></li> 
     <li><a rel="nofollow" class="r3-unit rater" title="3 out of 3" href="javascript:direct_rating1('/videos-103417','3','1730','59.92.50.233','5','0')">3</a></li> 
    </ul> 
</div></div>

CSS

.rating { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/starrating.png) repeat-x scroll left top; 
    height:30px; 
    list-style-image:none; 
    list-style-position:outside; 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    position:relative; 
} 

.unit-rating a.r1-unit:hover { 
    width:18px; 
} 

.unit-rating a.r1-unit { 
    left:0; 
} 

.unit-rating li a { 
    display:block; 
    height:30px; 
    outline-color:-moz-use-text-color; 
    outline-style:none; 
    outline-width:medium; 
    padding:0; 
    position:absolute; 
    text-decoration:none; 
    text-indent:-9000px; 
    width:18px; 
    z-index:20; 
}

我不知道是否我已經提供了所有必要的CSS。如果你需要更多請分析請評論。

來源

2009-11-27 Sam

你可以發佈源CSS文件的CSS？看起來你可能已經從Firebug檢查器複製了CSS。這只是代碼的一部分。另外，請讓我們知道您是如何修復PNG透明度的。它將影響我們可以提供的解決方案。 – 2009-11-27 22:32:35

它是非常大的發佈它作爲評論，所以我給代碼下面dcneiner – Sam 2009-11-27 22:55:22

據我所知，雙螺旋解決方案不會讓背景圖像重複。你最好使用DD_BelatedPNG，這可以讓背景重複和定位。

來源

2009-11-28 15:56:43

，但圖像通過這樣一個JavaScript加載： href =「javascript：direct_rating1（'/ videos-103415'，'1' ，'1730'，'59.92.50.233'，'5'，'0'）「將DD_BelatedPNG仍然工作？ – Sam 2009-11-29 07:48:38

UL中使用的背景圖像通過CSS加載。所有你需要做的就是給每個使用png作爲bg圖像的元素或者一個能夠生成png文件的圖像元素分配一個類（比如說「png」）。 – 2009-11-29 15:04:21

我想這一個：但它沒有幫助..是否DD_belatedPNG支持懸停僞類？我認爲這可能是問題..但默認情況下，它應該顯示星星（所有3）..這件事讓我瘋狂:) – Sam 2009-11-30 13:03:47

IE6中的css精靈

回答

相關問題