0712-2888027 189-8648-0214
微信公眾號(hào)

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

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

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

時(shí)間:2015-11-11來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 745次

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

但經(jīng)常會(huì)發(fā)現(xiàn)?;脽羝瑫?huì)擋住下拉菜單或者飄浮廣告等。解決辦法有下

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

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

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

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

在使用FLASH幻燈的時(shí)候,有時(shí)還是不行。那便在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>

熱門(mén)關(guān)鍵詞: 幻燈片 CSS 導(dǎo)航下拉菜單 飄浮廣告
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開(kāi)