近期有幾位客戶購買了“天興模板工作室自用模板”后自行修改時發現了一個問題。
在把這個下拉菜單移到左側或者直接在左側加下拉菜單時候發現：下拉菜單被下面的滾動幻燈片給遮住了。
這個問題是由於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.111cn.net /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>