IE6中的css精灵
我使用下面的代码进行星级评定。该代码在firefox中运行良好,但在IE6中却很糟糕(与往常一样)。这些星星甚至没有出现在IE6中,尽管它们工作得很好。 它使用精灵来显示星星。另外,我已经用IE6解决了PNG的透明度问题IE6中的css精灵,css,internet-explorer,internet-explorer-6,Css,Internet Explorer,Internet Explorer 6,我使用下面的代码进行星级评定。该代码在firefox中运行良好,但在IE6中却很糟糕(与往常一样)。这些星星甚至没有出现在IE6中,尽管它们工作得很好。 它使用精灵来显示星星。另外,我已经用IE6解决了PNG的透明度问题 <div id="ajaxratemasuga"><div class="ratingblock"> <ul style="width: 90px;" class="rating" id="unit_ul1730">
<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。如果您需要更多信息,请进行分析,请发表评论。据我所知,双螺旋解决方案不允许背景图像重复。您最好使用,它允许背景重复和定位。您可以从源css文件发布css吗?看起来您可能已经从Firebug检查器中复制了CSS。这只是代码的一部分。另外,请告诉我们您是如何修复PNG透明度的。这将影响到我们可以提供的解决方案。将其作为评论发布非常重要,因此我给出了下面的代码,但图像是通过如下javascript加载的:href=“javascript:direct_rating1('/videos-103415','1','1730','59.92.50.233','5','0')”DD_BelatedPNG还能用吗?UL中使用的背景图像是通过CSS加载的。您所需要做的就是为使用png作为bg图像的每个元素或源png文件的图像元素分配一个类(比如“png”)。我尝试了这个:DD_belatedPNG.fix('.r1 unit rater、.r3 unit rater、.r2 unit rater、#unit_ul2405、.unit rating、.current rating');但是它没有帮助..DD_belatedPNG支持hover伪类吗?我认为这可能是问题所在。但默认情况下,它应该显示星星(全部3个)…这件事让我发疯:)
.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;
}