Question

我有一个使用CSS设置样式的网页

网页内容包含在DIV中。

Example:
<div id="container">
<div id="ticker">
</div>
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>

我想要一个容器div的背景，它将显示为半透明背景（以所需的颜色），然后div中的所有内容通常不会显示透明度。

我尝试了一些方法，包括对父div应用不透明度，但它将它应用于我不想要的所有子div。

我该怎么做？

Answer 1

使用1x1背景图像（png），无论你喜欢什么颜色的透明度，都要重复。

Answer 2

您可以使用rgba值代替背景颜色，并将Alpha值设置为所需的不透明度级别：

background-color:rgba(255,255,255,0.125);

http://www.w3schools.com/cssref/css_colors_legal.asp

Answer 3

您可以使用rgba值。写得像这样：

#container{
 background:rgba(0,0,0,0.5)
}

对于IE，有这样的过滤器：

    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);   /* IE6 & 7 */      
    zoom: 1;

您可以从http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

生成rgba过滤器

所有内容的网页Div Overlay

3 个答案: