Překrývání FLASH objektem vs Z-INDEX

Flash objekt umístěný v HTML dokumentu se implicitně řadí nad vše ostatní. Z-INDEX zde nehraje téměř žádnou roli.

Naštěstí Mozilla FireFox, Opera, Google Chrome a nové Safari 5 vložené flash objekty převážně tlačí do pozadí a vysouvací menu, které by se na ploše flash animace mohlo vyskytnout, již zobrazí správně (nad flash objektem). Výjimkou je jako vždy Microsoft Internet Explorer, a to i v nových verzích.

Jak tedy změnit pořadí vrstev flashe a ostatních prvků stránek?

Řešení je jednoduché:

1. do tagu <embed> připište, resp. upravte parametr wmode na hodnotu „transparent“.

<noscript>

<object classid=…>

<param name=…>

<param name=…>

<embed src=“…..“ wmode=“transparent“ ….>

</object>

</noscript>

2. celý flash kód v HTML stránce obalte do DIVu:

<div class=“flash“>

<object classid=…>

….

….

</object>

</div>

3. v CSS pro jistotu pozměňtě z-index pro tento element

.flash
{z-index:0}

Výsledek těchto změn si můžete prohlédnou v navigaci této stránky, kde drop-down menu přesahuje na plochu flash objektu.

Upozornění: tyto zápisy obsahují nevalidní, ale funkční parametry