Shared by eszpee
tyűha!
A probléma a következő;
Ha a weboldalon bármilyen flash - például egy banner - fölé pozicionálunk valamit, akkor nagy eséllyel a flash kíméletlenül kitakarja a megjeleníteni óhajtott egyéb tartalmat.
Ez például akkor okozhat problémát, ha a trendi és divatos Lightboxszal jelenítünk meg képeket, mert ugye ez a megjelenítési mód az egész lapra hatással van, kivéve persze ott ahol flasht használunk.
A mindenki által ismert és szeretett MyVIP-en lőtt képpel szemléltetném a szóban forgó problémát, megoldás a kép alatt:
Látható, hogy az egyébként nagyon igényes flash-bannerek csakazért sem szeretnének eltűnni a kép és a képet körülvevő szürkített terület mögött, és rendesen belerondítanak az összhatásba. Ha a MyVIPnek nem sikerült megoldani, mi mit erőlködjünk? Rossz hozzáállás, mert a problémára több egyszerűbbnél egyszerűbb megoldás létezik, a MyVIP színvonala pedig nem irányadó.
Először mindenki a z-index css-beli babrálásával kezdi, ami természetesen nem hozza a várt eredményt; gyakorlatilag a flash ezt is figyelmen kívül hagyja.
A ráguglizva a következő megoldásra akad(hat)unk:
<embed src=”flash.swf wmode=”transparent” />
Szuper! Meg is oldottuk.
Majdnem. Ugyanis ez eléggé kiakasztja a flasht, amitől belassul, a görgetés sem működik tőle rendesen, és mellesleg Linuxon sem működik…
Kevés helyen van említve a tökéletes megoldás, de én szeretném emelni ezek számát eggyel:
<embed src=”flash.swf” wmode=”opaque” />
Ennyi.
Felmerülhet a kérdés, hogy miért embed-et használunk:
- Teljesen mindegy, az object-ra is rárakhatjuk ezt a tulajdonságot:
<object>
<param name=“wmode” value=“opaque“ />
</object>
- Be lehet rakni a flasht embeddel, úgy is hogy az oldal teljesen valid marad, erről a következő postban!
Utolsó kommentek