z-index, flash nesnesi, menü yerleşim sorunu
Daha önceden birkaç sitede flash nesnesinin açılan menülerin üzerinde kaldığına, dolayısıyla menünün açılan kısımlarının kullanılamadığına şahit olmuştum. Açıkcası bu nedendir diye o zamanlar merak edip araştırmamıştım ama aynı problem bu kez benim başıma geldi. Çözümü ise şöyle : Her nedense flash nesneleri normal z-index ile katmanlamayı dikkate almıyor. Bunun için öncelikle flash nesnemize (objectler tagi arasına)
<param name=”wmode” value=”transparent” />
tagini eklememiz gerekiyor. Daha sonra embed tagi içine ise
wmode=”transparent”
özelliğini ekliyoruz. Tabi bu flash nesnemize bir adette id veriyoruz. Son olarak CSS’miz içerisinden z-index değerlerini girerek sorunumuzu hallediyoruz. Örnek olması açısından kodları da aşağıda veriyorum. CSS’deki menu menünün içerisinde bulunduğu div’in idsi, flashnesne ise flash nesnemizin idsi.
Flash nesnemiz
——————
<object id=”flashnesne” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=
“http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″
width=”527″ height=”164″ title=”baslik”>
<param name=”wmode” value=”transparent” />
<param name=”movie” value=”flash/fl.swf” />
<param name=”quality” value=”high” />
<param name=”BGCOLOR” value=”#FFFF33″ />
<embed src=”flash/fl.swf” mce_src=”flash/fl.swf” width=”527″ height=”164″ quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” bgcolor=”#FFFF33″ id=”flashnesne” wmode=”transparent” ></embed>
</object>
CSS dosyasındaki özelliklerimiz
——————
#menu
{
z-index: 2;
}
#flashnesne
{
z-index: 1;
}