下拉導覽功能表被遮住解決辦法

近期有幾位客戶購買了“天興模板工作室自用模板”後自行修改時發現了一個問題。

 

在把這個下拉式功能表移到左側或者直接在左側加下拉式功能表時候發現：下拉式功能表被下面的滾動投影片給遮住了。

這個問題是由於div的定位造成的，投影片由於使用了js的關係使用了很多絕對或者相對定位。解決辦法如下：

在封裝投影片的div的id屬性後面加上一句代碼：

 代碼如下 複製代碼
style="z-index:-999;position:relative;"
 

這句代碼定義了這個div塊的z軸和相對屬性，就可以解決掉下拉式功能表被投影片遮住的問題了

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

注釋：元素可擁有負的 z-index 屬性值。

注釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）！

 

附、被Flash擋住

設定Flash的參數：<param name=”wmode” value=”opaque”>,設定為透明模式

2.<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”468″ height=”60″><param name=”movie” value=”http://www.bKjia.c0m /pepsi46860.swf”>

3.<param name=”wmode” value=”opaque”><param name=”quality” value=”high”><embed src=”/pepsi46860.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”468″ height=”60″></embed></object>

4.<div style=”position:absolute;left:150;top:50;width:100px;height:50px;background:green”>

5.</div>
 

或者用

 
<param name=”wmode” value=”transparent”>
1.<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”468″ height=”60″><param name=”movie” value=”http://www.111Cn.net/ pepsi46860.swf”>

2.<param name=”wmode” value=”transparent”><param name=”quality” value=”high”><embed src=”/pepsi46860.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”468″ height=”60″></embed></object>

3.<div style=”position:absolute;left:150;top:50;width:100px;height:50px;background:green”>

4.</div>