Question

当我想在css中实现这个时，我有问题：

背景图片 - 没关系（好吧，在jsfiddle中看不到）
背景中的一个div来创建类似阴影的东西 - 没关系
成为其他一切尖锐的东西。所以tose元素不得受任何阴影属性的影响。 - 有问题

“Shadow div”固定属性显示，并且它不是网站上任何其他元素的父级！我不知道，为什么这个不透明属性在同一个位置上支持其他元素？

简短的HTML代码：

<body>
    <div id="background"></div> 
    <div id="bodyBackground"></div>
    <div id="body">elements here looks darker</div>
</body>

JsFiddle link Shorter JsFiddle

Answer 1

那是因为你在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 
}

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

1 个答案: