楽天イベントのカウンタバナー＜インラインフレーム全体＞にリンクを設定する

楽天イベントのカウンタバナー＜インラインフレーム全体＞にリンクを設定したい。

例えばこんなバナー

楽天からのHTMLはコレ

<iframe src="https://www.rakuten.ne.jp/gold/_osaka04/cou-d/point-lg.html" width="950" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe><br><br>

1	<iframe src="https://www.rakuten.ne.jp/gold/_osaka04/cou-d/point-lg.html" width="950" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe><br><br>

iframe全体にリンクを貼りたい場合は全体を＜div＞で囲みます、※今回はlinkboxというクラスにしてます。

<div class="linkbox">
<a href="https://※リンク先URL※"></a>
<iframe src="https://www.rakuten.ne.jp/gold/_osaka04/cou-d/point-lg.html" width="950" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe><br><br>
</div>

</div>

そして「linkbox」のスタイルシートを追加

.linkbox {
position: relative;
}
.linkbox a {
display: block;
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

.linkbox {

position: relative;

}

.linkbox a {

display: block;

position: absolute;

top: 0;

left: 0;

height:100%;

width: 100%;

}

これでiframe全体にリンクが貼れます。リンクtargetは適時調整してくださいね。