这是小提琴：http: //jsfiddle.net/dzAJp
所有 div 都有浅蓝色作为背景颜色，由background-colorcss 样式添加，而不是由background-image.
我想通过将其现有的背景颜色与 rgba(0,0,0,0.1) 相结合，使第二个 div 更暗一些。关键是只为div标签指定一次浅蓝色，而不是任何类。
是否可以使用 css3，而不使用图像作为背景？
问问题
101 次
2 回答
2
较暗：
box-shadow: inset 100px 100px rgba(0,0,0,0.1);
打火机：
box-shadow: inset 100px 100px rgba(255,255,255,0.1);
演示：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/
于 2013-09-06T08:37:10.620 回答
1
使用 Box shadow 属性
喜欢box-shadow: inset 100px 100px rgba(0,0,0,0.1);
接近0表示较暗，接近256表示较亮
于 2013-09-06T08:39:01.690 回答