0

这是以下 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
}
4

1 回答 1

0

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

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

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

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

于 2013-05-01T15:24:38.460 回答