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

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

例えばこんなバナー

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

楽天からの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>

 

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>

 

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

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

 

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

コメント

タイトルとURLをコピーしました