Iframe link megoldása

Egy kis finomság. : ) Belefutottam egy olyan történetbe, hogy egy iframe tag-re kellett volna linket tenni, mivel egy banner-készítő megoldással készítettek egy izgő-mozgó szép kis bannert. Viszont nem volt beépíthető link a html-be, és egy olyan külső linkre volt szükség, ami az egész bannerre tehető linket tartalmaz. A megoldás az lett, hogy az <iframe> tag elé tettem be egy <a href=”#link”>-t, és az iframe elé, egy div taget, amiből egy kis css-trükkel létrehoztam egy linkelő réteget. : ) Ez megoldható WPBackery-vel is, RawHTML-el. : )

[php]
//ide jön a LINK, új ablakban nyílik meg és iframea osztályt kapott
<a href="http://LINK.hu" target="_blank" class="iframea">

//ide jön a div iframeareteg osztály névvel

<div class="iframeareteg"></div>

//majd az iframe, amire a link hívás réteget tesszük
<iframe width="560" height="315" src="http://IFRAMELINK.html" frameborder="0" allowfullscreen=""></iframe>
</a>
[/php]

A stylesheet pedig a következő:

[css]
.iframea {
position: relative;
display: inline-block;
}
.iframereteg {
position: absolute;
height: 250px;
width: 360px;
z-index: 1;
background: rgba(0,0,0,0); /*ez lehetne színes is, egy kis áttetszősséggel*/
}
.iframea iframe {
z-index: 2;
}
[/css]

Kategória: HTML5, Stylesheet
Hozzászólás írása