Question

我正在使用以下CSS但它从未在IE6中显示背景图像。但是如果我删除过滤器.. AlphaLoader命令，那么它会以灰色背景显示。

这是我的CSS代码

.fg-block1 ul, .fg-block3 ul
{
 list-style:none;
 }
.fg-block1 ul li, .fg-block3 ul li
{
 padding-left:28px;
 background:url(images/bullet-2.png) no-repeat left top;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 border-bottom:1px dotted #fff;
 text-align:left;
 background-position:1px 0;
 line-height:16px;
 padding-bottom:5px;
 margin-bottom:5px;
}
.fg-block3 ul li
{
 border-bottom:none;
}
.fg-block1 ul li a, .fg-block3 ul li a
{
 color:#fff;
 text-decoration:none;
}
.fg-block1 ul li a:hover, .fg-block3 ul li a:hover
{
 color:#fff;
 text-decoration:underline;
}

Answer 1

试试这个：

http://www.twinhelix.com/css/iepngfix/demo/

Answer 2

AlphaImageLoader hack只有在您将png作为背景加载到父容器中时才有效。

如果您将width和height以及display:block添加到<li>，则应该没问题。否则 - 考虑不同的方法。

Answer 3

我推荐jQuery png修复。见下面的链接

jQuery plugin

another source

Answer 4

我从未尝试过jQuery插件，但在IE6中处理了很多PNG问题后，我发现的最佳修复方法是DD Belated PNG fix。之前提到的TwinHelix修复程序在某些情况下为我提出了一些问题。

LI背景图像（.PNG）未出现在IE6中

4 个答案: