无法使div背景透明

时间:2011-01-27 10:09:36

标签: html css

我正在帮助这个网站的朋友:

http://smashingdivas.info/

无论我应用于内容div的灰色背景的样式,我都无法使其透明(在任何浏览器中),以便显示页面的背景图像。

我尝试了以下所有方法:

background-color: transparent;
background: transparent;
background-color: none;
background: none;

似乎没什么用。

感谢您的帮助!

5 个答案:

答案 0 :(得分:2)

如果它是带有“容器”类的div,那是因为HTML中有一条覆盖CSS的规则:

.container, .sliderGallery { background-color: #111111; }

答案 1 :(得分:2)

如果您想在背景上应用透明度,则有两个选项:

1)你可以在RGB上设置“alpha”通道,即

background:rgba(255,255,255,0.5)

但这不适用于IE

2)创建一个简单的透明png图像并以这种方式设置

background:url(transparentIMG.png) repeat;

答案 2 :(得分:0)

您是否尝试过应用opacity财产? 比如说。

opacity:0.5;

答案 3 :(得分:0)

至少对我有用。由于以后的某些规则,我猜你通过CSS覆盖了背景属性。

答案 4 :(得分:0)

只需删除以下规则:

.container,.sliderGallery {     background-color:#111111; }