Question

我在中心有一张图片，其右边有一个推特供稿。我有一个弹出窗口，使背景变暗：

  box-shadow: 0px 0px 1px 5000px rgba(0,0,0,0.8);

我能在同一级别上获得两个div的唯一方法是使用＆＃34;绝对＆＃34;。

然而，带有＆＃34;绝对＆＃34;的元素阴影不会变暗。

我已经重写了十几次，如果它没用，我很抱歉。

.twitter-timeline {
  position: absolute; 
  right: 0;
  margin-right: 2%;
}

.twitter {
  margin-right: 2%;
}

HTML

<div align="right" id="twitter">
   <a class="twitter-timeline" data-width="280" href="<twitter link>">custom name</a> 
   <script async src="https://platform.twitter.com/widgets.js" charset="utf-8">
   </script>
</div>

<div class="wrapper fade-in">
   <img src="image.png" height="350" alt="alt" style="position: absolute;top: 33%"/>
</div>

编辑：我试图避免使用绝对位置，因为如果它是绝对的，那么动画的淡入就会起作用，加上它会影响阴影。

Answer 1

尝试：

.twitter-timeline {
 position: absolute; 
 right: 0;
 margin-right: 2%;
 z-index: -999;
}

＆＃34;绝对＆＃34;涵盖暗影

1 个答案: