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

标签 css html html-lists opacity styling

我对 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);
    }

最佳答案

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

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

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

关于CSS 不透明度在 IE7 和 IE8 中的无序列表项上损坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12285929/

相关文章:

jquery - 突出显示选项卡式元素(使用 jQuery/CSS/任何内容)

javascript - 逐步显示每个div

html - 在 Jekyll 中设置事件链接不起作用

html - 我的 html 和 css 有什么问题?

html - 透明div,后面有大图效果

javascript - 如何使用 Javascript 为 iScroll.js 设置高度

javascript - 谷歌地图 V3 : Multiple maps on a page resulting in missing markers (DEBUG)?

jquery - 使用 jquery 随机化布局

html - UL 样式表未在 IE 中换行

css - 在使用 Sprite 时在列表标签​​内设置背景宽度/高度