背景不透明度扩展

Question

您好我终于在我的网站上运行了Opacity，但我希望它能在页面的整个宽度上水平延伸。我提供了一个我想要它的样子的图像。

不透明度的css代码是，

.sliderr {
background: rgba(255,255,255,0.2); // transparent white
background: #fff; // Left as a fallback for older browsers
color: #FFFFFF;
}

我的网站可以在

查看

http://www.webbmaster.com.au/web-programs/questdesign/

任何帮助都会非常感激。已经尝试过但无法让它发挥作用。

Answer 1

试试这个：http://jsfiddle.net/n0wL1p3c/

.slider {width: 100%; height: 500px; margin: 0 auto; background: rgba(255,255,255,0.3);}    
.container {width: 600px; height: 300px; margin: 0 auto; background: rgba(255,255,255,0.2);}