CSS - divs 定位/阴影影响其他



我想在 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 
}

最新更新