我想在 css 中实现这一点时遇到问题:
- 背景中的图像 - 没关系(好吧,它在 jsfiddle 中不可见)
- 背景中的一个div来创建阴影之类的东西 - 没关系
- 要成为其他一切尖锐的诺恩。因此,tose 元素不得受到任何阴影属性的影响。- 有问题
"Shadowdiv"具有固定的属性显示,并且它不是网站上任何其他元素的父元素!我不知道,为什么这种不透明度属性会影响同一位置的其他元素?
简短的 HTML 代码:
<body>
<div id="background"></div>
<div id="bodyBackground"></div>
<div id="body">elements here looks darker</div>
</body>
JsFiddle link较短的 JsFiddle
那是因为您在content
上设置了不透明度。
#content {
display: inline-block;
margin-top: 45px;
margin-left: 160px;
padding-bottom: 30px;
color: white;
opacity:0.4; <--- right here
filter:alpha(opacity=40); <--- and here
}