创建IE7不透明度背景而不影响文本

时间:2013-05-01 15:08:47

标签: css opacity internet-explorer-7

这是以下HTML结构(请参阅JS Fiddle)

需要以某种方式使白色BG具有20%的不透明度,同时保持文本黑色。需要回到IE7。

<ul class="menu">
    <li class="first expanded active-trail active menu-mlid-188"><a href="/educatours/aboutus" title="" class="active-trail active">About Us</a>
    </li>
    <li class="expanded menu-mlid-186"><a href="/educatours/tour_process" title="">Teachers</a>
        </ul>
    </li>
</ul>

body {
    background-color:#E2DFD5;
}
ul.menu a {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}
ul.menu li {
    list-style-type:none;
    padding:0;
    margin:0;
    display:inline-block;
    width:49%;
    background-color:#FFF;
}
ul li.expanded {


 list-style-image:none
}

1 个答案:

答案 0 :(得分:0)

为简单起见,我建议使用带有一些png修复javascript的透明png图像,以确保向后兼容。

http://www.dillerdesign.com/experiment/DD_belatedPNG/

否则你可以试试Chris Coyier关于不透明度的提示,看看它是否适合你:

http://css-tricks.com/css-transparency-settings-for-all-broswers/