LI 背景图像 (.PNG) 未出现在 IE6 中答案

【问题标题】：LI Background Images (.PNG) not appeared in IE6LI 背景图像 (.PNG) 未出现在 IE6 中
【发布时间】：2011-03-25 02:33:41
【问题描述】：

我正在使用以下 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;
}

【问题讨论】：

标签： css internet-explorer-6

【解决方案1】：

尝试阅读：

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

【讨论】：

【解决方案2】：

AlphaImageLoader hack 仅在您将尺寸设置为将 png 作为背景加载的父容器时才有效。

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

【讨论】：

【解决方案3】：

我推荐 jQuery png 修复。请参阅下面的链接

jQuery plugin

another source

【讨论】：

【解决方案4】：

我从未尝试过 jQuery 插件，但在 IE6 中处理了很多 PNG 问题后，我发现的最佳解决方案是 DD Belated PNG fix。前面提到的 TwinHelix 修复在某些情况下给我带来了一些问题。

【讨论】：