Question

我已经从这里申请了PNG：http://www.twinhelix.com/css/iepngfix/

所以我可以在CSS中使用透明的PNG背景图像。它适用于div，但问题是当我给无序列表（ul）提供透明背景时，它不起作用。

这是标记：

<div id="footer">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>
    <p>&copy; 2009 Your Name</p>
</div>

以下是样式表的相关部分：

/* IE PNG fix */
img, div, ul { behavior: url('/css/iepngfix/iepngfix.htc') }

#footer {
    width: 876px;
    margin: 0 auto;
    background: none;
    text-align: center;
    line-height: 1.5em;
    font-size: .8em;
}
#footer ul {
    padding: 40px 0 13px;
    background: url('wrapper-bottom.png') center top no-repeat;
}
#footer p {
    padding-bottom: 15px;
}

我也试过添加背景：透明;到#footer div但没有成功。应用于div的其他PNG图像有效，但在wrapper-bottom.png下有灰色背景（＃333），这是大多数网站内容区域的背景，但我特别声明了背景：无;对于#footer所以应该没有:(

编辑：实际上当我没有指定#footer div的高度时，整个页脚都有灰色背景......

编辑：在我发布这篇文章几分钟后，我自己设法解决了这个问题。我使用了一个非常丑陋的黑客：

#footer {
    height: 0;
}
#footer ul {
    height: 30px;
}

这似乎适用于所有IE版本。

Answer 1

尝试使用Unitpng Fix。

它很容易实现，也适用于后台png ......

Check out this link

IE PNG修复问题

1 个答案: