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.
[sourcecode lang=”css”].acilirmenu{
position: absolute;
top: 0;
left: 0;
z-index: 6000;
}[/sourcecode]
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.
[sourcecode lang=”html”]<param name="wmode" value="transparent">[/sourcecode]
Veya
[sourcecode lang=”html”]<param name="wmode" value="opaque">[/sourcecode]
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:
[sourcecode lang=”js”]<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>[/sourcecode]
Daha sonra flash içeriğin görünmesini istediğiniz yere şunu yazıyorsunuz
[sourcecode lang=”html”]<div id="flashcontent"></div>[/sourcecode]
Kolay gelsin,