如何将iframe带到前面

Question

我在页眉和页脚包围的页面上遇到问题。

标题中有一个div与iframe重叠（下面的蓝色）

带有id徽标的div看起来像这样：

 #logo {
      z-index: 9998;
      position: absolute;
      top: 10px;
      left: 0px;
  }

页面的白色部分是iframe。

 <iframe src="somepage" scrolling="auto" class="study-iframe" style="height:700px;"></iframe>

“课程属性是什么意思？”是一个链接。

     <div id="Attr1View1">
         <p>
         <a href="javascript:Toggle2Views('Attr1View2', 'Attr1View1')">
         <font class="LinkNoUnderline">+ </font>
         <font class="LinkNoUnderlineText">What does a course attribute mean?</font>
         </a>
         </p>
     </div>

当我点击蓝色矩形覆盖的区域时，没有任何反应。

当我点击蓝色矩形外的区域时，链接可以正常工作。

如何强制将此页面上的链接放在前面，以便您可以随时点击它们？

由于

Answer 1

<强>布局 使用布局确保您不使用位置，因为它会使网页在其他浏览器和屏幕分辨率上迷失方向。

<强>的IFrame 如果你要使用位置来保持你的布局，那么一个简单的方法就是......

iframe{
    width:100px;
    height:100px;
    position:absolute;
    z-index: 9999;
}

请限制您的布局定位。