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. : )

//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>

A stylesheet pedig a következő:

.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; 
}

Vélemény, hozzászólás?

Íratkozz fel híreleveleimre

Adataidat bizalmasan kezelem, és csak olyan harmadik féllel osztom meg, akik lehetővé teszik ezt a szolgáltatást. Olvasd el adatvédelmi irányelveimet.