这是小提琴：http://jsfiddle.net/dzAJp
所有div都有浅蓝色作为背景颜色，由background-color css样式添加，而不是background-image。
我想通过将现有的背景颜色与rgba（0,0,0,0.1）相结合，使第二个div更暗一点。关键是只为div标签指定一次浅蓝色，而不是任何类。
是否可以使用css3，而不使用图像作为背景？
答案 0 :(得分：2)
较暗：
box-shadow: inset 100px 100px rgba(0,0,0,0.1);
打火机：
box-shadow: inset 100px 100px rgba(255,255,255,0.1);
DEMO： http://jsfiddle.net/dzAJp/3/
在上面的示例代码中，我们将尺寸设置为100px以匹配包含对象的尺寸。显然，如果你的元素不是100px平方，那么这不是很便携。
为了解决这个问题，我们可以设置一个任意高的像素值（不幸的是box-shadow不接受百分比）：
box-shadow: inset 10000px 10000px rgba(0,0,0,0.1);
最后一点注意事项......请阅读box-shadow上有关浏览器兼容性的以下链接：http://css-tricks.com/snippets/css/css-box-shadow/
答案 1 :(得分：1)
使用Box阴影属性
喜欢box-shadow: inset 100px 100px rgba(0,0,0,0.1);
接近0表示较暗，接近256较浅