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精灵

回答

相关问题