Headerにあるiframeの内のプルダウンを開いてない時(非表示)body内の記事リンク押せない

Question

Webサイに外部のheader.phpをiframeで読み込んで表示しています
header.phpのメニューバーにプルダウン機能を使用しています。
Webサイトのheaderにheader.phpをiframeで読み込んでいるため、プルダウンをクリックしてないのにサイトのbodyにある記事のリンクを押せない問題が起きています。

どうしたらリンクを押せるようにできますか？

<iframe id="eule" src="https://example.jp/test/header.php"></iframe>

<style>
#eule{
 position: relative;
  z-index: 1;
}

</style>

参照の画像を添付しています。

Answer 1

iframe内のソースが想定した動作をしないのはiframe側に適正な処理が書いてないからでは？

Comments

[hayamasa]

回答有難うございます。
返信遅くなりましてすみません。
iframe側はphpファイルです。
こちら側ではiframeを使用して取得しているだけです。
基本的にiframe内で動くので、phpファイルは影響されないと思いました。
こちら側ではiframeで調整できないでしょうか？

[hayamasa]

iframeの内の要素((メニューAボタン))を取得してメニューAがクリックされたiframeにz-index:1が追加されるコードを書きたいです。下記のコードでは何も変化がありませんでした。
教えてください。
<script>

// iframe要素を取得
var iframeElem = document.getElementsByTagName('iframe');
// iframeで読み込まれているページからdocumentオブジェクトを取得
var iframeDocument = iframeElem[0].contentDocument || iframeElem[0].contentWindow.document;
// iframeで読み込まれているページからid name要素を取得
var pElem = iframeDocument.getElementsById('xxxx')[0];

$(document).on("click","xxxx",function(){
iframe.style.zIndex= 1;
});
</script>
7月25日 14:23