IE PNG修复问题

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 一起使用......

查看此链接