html - css 向 iframe 添加阴影效果

Question

我想用css shadow effort，我的html是这样的

<div id="contentFrame">
<iframe id="subFrame" src =""></iframe>
</div><!--contentFrame-->
</div><!--pageContent-->

#contentFrame 的大小与 #subFrame 相同 我已经为它们添加了阴影效果，当 iframe 为空时它工作正常。但当 iframe 中包含内容时，影子效果将消失。

Answer 1

检查以下内容:

1. 内容框架仍然具有阴影效果的 css 属性。

2. contentFrame 的 z-index(css 属性)高于您的子框架。