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