Create-your-own.

Flash ve Z-Index Problemi

Bu problemi web sitesi olan bir çok kişi yaşamıştır. Özellikle sitesinde açılır menü kullanan kişiler hep menülerinin flash’ın altında kaldığından şikayet ederler. Bunun sebebi siz her ne kadar menünüzün z-index değerini en büyük yaptığınızı düşünseniz de flash dosyalarının z-index değeri sonsuza ayarlıdır. Bu nedenle de açılır menüleriniz flash’ın altında kalır.

.acilirmenu{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6000;
}

Bu şekilde bile hazırlasanız menülerinizi yani z-index değerini 6000 bile yapsanız flash’ın arkasında kalmaya devam edecektir. Bunun için yapmanız gereken tek işlem flash parametrelerinden wmode’u transparent veya opaque yapmanızdır.

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

Veya

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

Günümüzde Flash dosyalarının görüntülenmesi için en çok kullanılan kütüphane SWFObject’dir. Birde bunun için ne yapmanız gerektiğini gösterelim:

<script>
// Tabii ki bunları script tagları arasına yazıyoruz
var so = new SWFObject("images/news.swf", "news", "160", "60", "6", "#000000");
// Bu satırla wmode için opaque değerini atamış olduk
so.addParam("wmode", "opaque");
so.write("flashcontent");
</script>

Daha sonra flash içeriğin görünmesini istediğiniz yere şunu yazıyorsunuz

<div id="flashcontent"></div>

Kolay gelsin,

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

Flash ve Z-Index Problemi” için 2 yorum

  • Derya

    (31 Aralık 2012 - 06:55)

    paylaşım için çok teşekkürler ellerin dert görmesin…

  • emir

    (04 Ekim 2013 - 20:06)

    Güzel bir bilgi, ayrıca swfobject kütüphanesini de ilk kez sizden gördüm, iyi günler diliyorum

Yorum yazma sırası sizde!