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/

相关文章:

php - 如何根据分配给每个页面的类别为 wordpress 菜单列表着色?

CSS 性能 : Should . 通过 Assets 域提供 css 文件?

html - 什么更快 : serving a static HTML file from the filesystem or from MemCache?

image - 列出图像横幅的正确方法

html - 使子菜单水平运行

javascript - 仅在启用 JavaScript 时定义特定的 CSS 样式

html - 背景大小 :contain on my hero image 遇到一些问题

php - 嵌入式 php css 文件不工作

html - 第 n 个 child (偶数)总是选择 dd,从不选择 dt(dl 中的偶数和奇数行)

jquery - 在 ul li 元素上应用样式 jquery