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

时间:2012-09-05 16:32:59

标签: css html html-lists opacity styling

我遇到了IE7和IE8的CSS opacity属性问题。在IE9 / FF / Chrome / Safari / Opera上,代码在下面工作,因为不透明度attirbute正常工作。

我已经读过,应用不透明度的元素必须具有“布局”,但是我已经尝试过,虽然我在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);
    }

1 个答案:

答案 0 :(得分:0)

我很确定你会为IE7带来好运,但请查看以下链接: http://css-tricks.com/css-transparency-settings-for-all-broswers/

IE7&amp; 8具有真正粗略的CSS兼容性,幸运的是几乎没有人再使用这些版本的IE。我认为这个链接可以帮到你。您可能还需要IE的条件CSS,这对于几乎任何站点来说都很常见。谷歌“条件CSS IE”获取更多信息。

它有帮助,祝你好运!