“绝对”涵盖暗影

Question

我在中心有一个图像，其右边有一个推特馈送。我有一个弹出窗体，使背景变暗：

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

我可以在同一级别上获得两个div的唯一方法是使用“绝对”。

但是，具有“绝对”的元素不会被阴影暗化。

我已经重写了十几次这么抱歉，如果没用的话。

.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;
}