html - 在背景图像之上提供颜色

Question

我有一个使用背景图片的页面:

background:url('gir.gif') scroll no-repeat 0 0 #foo;

我想在图像的顶部提供颜色，这样图像看起来就像在颜色后面。

Answer 1

@巴舒；最好使用 rgba 颜色透明度，因为它根本不透明。

background: rgba(0,0,0,0.3) 

IE 浏览器

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)";

您可以在此处为 IE 创建 rgba 过滤器 http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

查看更多 Opacity of div's background without affecting contained element in IE 8?