^{<noscript id="hrwlk"></noscript>}

幻燈片擋住CSS導航下拉菜單或者飄浮廣告的解決方法

2024-07-11 08:30:50

字體：大中小

來源：轉載

供稿：網友

網站常會用到一些下拉菜單，幻燈片，飄浮廣告等。

但經常會發現。幻燈片會擋住下拉菜單或者飄浮廣告等。解決辦法有下

第一，可將幻燈片所在DIV 置于最底層。添加CSS如下

style="z-index:-100;position: relative;"

第二，可將被擋住的DIV/ul/li 置于最高層。添加CSS如下

style="z-index:9999;position: relative;"

在使用FLASH幻燈的時候，有時還是不行。那便在FLASH代碼中添加此行代碼。

例如：

復制代碼

代碼如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="290" style="z-index:-100;position: relative;">
<param name="movie" value="<?php echo get_skin_root() ?>indexflash/main.swf" style="z-index:-100;position: relative; />
<param name="quality" value="high" />
<param name="wmode" value="opaque">
<embed src="<?php echo get_skin_root() ?>indexflash/main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="290"></embed>
</object>

上一篇：CSS控制圖片和文字在同一行顯示且對齊的3種方法

下一篇：基于CSS3的CSS 多欄(Multi-column)實現瀑布流源碼分享