这是以下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
}
答案 0 :(得分:0)
为简单起见,我建议使用带有一些png修复javascript的透明png图像,以确保向后兼容。
http://www.dillerdesign.com/experiment/DD_belatedPNG/
否则你可以试试Chris Coyier关于不透明度的提示,看看它是否适合你:
http://css-tricks.com/css-transparency-settings-for-all-broswers/