Senaryo: üstte nav açılır menü, hemen altında flash ile yapılmış bannerimiz var.

Problem: Açılır menünün üstüne mouse ile geldiğimizde flash bannerin altta kalması gerekirken banner her durumda üstte kalıyor. Menüdeki seçenekler altta kaldığı için görünmüyor.

Normalde position:absolute verilen iki nesnemiz varsa z-index değeri büyük olan nesne diğerinin üstüne gelir.

.flash-Banner{
    position: absolute;
    z-index: 0;
}

.nav-Menu{
    position: absolute;
    z-index: 1;
}

Ancak yukarıdaki kod işe yaramaz, çünkü flash nesnelerin z-index değeri sonsuzdur, o yüzden ne kadar fazla değer verirseniz verin herhangi bir çözüm olmayacaktır.

Şimdi bu sorunu nasıl çözümleyeceğimize gelelim. Flash bannerimizi siteye gömdüğümüz kodlara geliyoruz, object tagları arasına aşağıdaki kodlardan birini eklememiz gerekiyor.

<param name="wmode" value="opaque" />

veya

<param name="wmode" value="transparent" />

Aşağıdaki gibi bir kod bloğu oluşturmanız gerekiyor;

<object ... >
    <param ... />
    <param name="wmode" value="transparent" />
    <param ... />
    <embed ...  />
</object>

Artık bannerimiz en altta kalacaktır ve açılır menümüzdeki seçenekler görünecektir.

Bir makalenin daha sonuna geldik, sonraki derste görüşmek üzere. İyi günler.

KAYNAKLAR

http://helpx.adobe.com/flash/kb/transparent-background-swf-file.html

http://stackoverflow.com/questions/6226691/flash-z-index-problem