Javascript 应用阴影IE 8后隐藏的子内容

我有下面这个

HTML视图

    <div id="main">
     <img src="http://i.imgur.com/dEM0KGG.png" id="image">
      <div id="secd">
       <iframe src='http://www.hdfcbank.com' height='350' width='350' frameborder='0'       border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>
     </div>
     </div>

应用后，我注意到div id#secd内容被隐藏。 我怎样才能解决这个问题

---

根据您使用的浏览器，如果您在某个地方出错，请告诉我，iframe将具有不同的z索引。例如，在旧版本的IE中（我回想IE7），iframe具有最高的z索引，甚至会出现在选择框的顶部。然而，微软已经解决了这个问题

在这种情况下，iframe嵌套在div内部，id=“main”

如果可以的话，尝试使用css3盒阴影。。。用法示例：

#main{
  background-color:#ffffff;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}

您还可以使用此链接帮助您使用长方体阴影创建完美的放置阴影：

---

假设您正在运行最新版本的IE，并且使用调试器工具模拟旧版本的IE，请确保在浏览器中激活了过滤器。有关如何实现这一点的示例，请阅读以下说明：

我相信使用pie.js将解决与CSS3及其易用性相关的几乎所有问题。请在头标签内添加以下代码行

<!--[if lt IE 9]>
    <script src="yourpath/pie.js"></script>
<![endif]-->

还有几个链接：

---

那么将z索引应用于iframe或div将解决此问题？但是如果我不应用阴影，那么可以看到iframe我们的浏览器目标是什么？我建议使用css3框阴影属性，而不是IE依赖的过滤器。Box shadow将在IE9+、Firefox、Chrome、Opera和Safari 5.1.1中使用。是的，我正在为IE9+和其他应用程序使用css3 Box shadow。想让它在IE8上工作，我只使用过滤器，而不是使用外部库。嗨，这是一种真正可扩展的方法。然而，如果你想继续使用纯css，那么你可能会喜欢这一款。PS：我只是在谷歌上为u bcz找到了这个，到目前为止，我发现pie已经足够我的IE8项目了。嘿，我试过css3pie，但没能找到盒子阴影。完全遵循他们在文档中给出的方式。加载.htc文件有问题吗？请尝试使用.js版本。但只是一个建议，把它放在IE条件代码下。

<!--[if lt IE 9]>
    <script src="yourpath/pie.js"></script>
<![endif]-->

$(function() {
  if (window.PIE) {
    $('.rounded').each(function() {
        PIE.attach(this);
    });
   }
});