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>

青い長方形で覆われた領域をクリックしても何も起こりません。

青い長方形の外側の領域をクリックすると、リンクが機能します。

このページのリンクを前面に表示して、いつでもクリックできるようにするにはどうすればよいですか?

ありがとう