0712-2888027 189-8648-0214
微信公眾號

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

當(dāng)前位置:主頁 > 技術(shù)支持 > HTML5/CSS3 > 幻燈片擋住CSS導(dǎo)航下拉菜單或者飄浮廣告的解決方法

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

時間:2015-11-11來源:風(fēng)信官網(wǎng) 點擊: 745次

網(wǎng)站常會用到一些下拉菜單,幻燈片,飄浮廣告等。

但經(jīng)常會發(fā)現(xiàn)?;脽羝瑫踝∠吕藛位蛘唢h浮廣告等。解決辦法有下

第一,可將幻燈片所在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>

欄目列表
推薦內(nèi)容
熱點內(nèi)容
展開