CSS 不透明度在 IE7 和 IE8 中的无序列表项上损坏

Question

我对 IE7 和 IE8 的 CSS opacity 属性有疑问。在 IE9/FF/Chrome/Safari/Opera 上，代码在下面工作，因为不透明度属性工作正常。

我读到要应用不透明度的元素必须具有“布局”，但是我已经尝试过了，虽然我在 IE8 上取得了一些成功(它杀死了其他 CSS 属性)但它没有 在 IE7 上工作。

是否有针对 IE7 和 IE8 的简单、低风险的解决方案？

<div id="link_contents">
    <ul>
        <li><a>Poulter</a></li>
        <li><a>Lawrie</a></li>
        <li><a>Hanson</a></li>
    </ul>
</div>


    #link_contents ul {
        width: 200px;
        height: 110px;
        padding-top: 40px;
    }

    #link_contents ul a {
        font-size: 14pt;
        color: #000;            
        background-color: #FFFFFF;
        padding: 3px;
        opacity: 0.75;
        filter: alpha(opacity=75);
    }

Answer 1

我敢肯定您对 IE7 会很不走运，但请查看此链接: http://css-tricks.com/css-transparency-settings-for-all-broswers/

IE7 和 8 具有真正粗略的 CSS 兼容性，幸运的是几乎没有人再使用这些版本的 IE。我认为此链接应该对您有所帮助。您可能还需要 IE 的条件 CSS，这对于现在几乎所有站点都很常见。谷歌“条件 CSS IE”以获取更多信息。

希望对您有所帮助，祝您好运!