2013-05-01 58 views
0

這是下面的HTML結構(見JS Fiddle)創建IE7不透明的背景,而不會影響文本

需要以某種方式使白色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

使用白色背景圖像與alpha透明度? – cimmanon 2013-05-01 15:22:31

+0

[不透明背景,但不是文字]的可能重複(http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text)。這個答案給了IE7的倒退。 – ScottS 2013-05-01 15:23:38

回答

相關問題