html - 如何将 iframe 放在前面

Question

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

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

带有 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 如果您要使用 Positions 保留布局，那么一个简单的方法是......

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

请克制定位您的布局。