首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div层优先级有关问题

2012-02-14 
div层优先级问题鼠标移动到菜单栏上面以后会出现一个下拉菜单,但是下拉菜单被紧挨在下面的幻灯片遮挡住了,

div层优先级问题
鼠标移动到菜单栏上面以后会出现一个下拉菜单,
但是下拉菜单被紧挨在下面的幻灯片遮挡住了,怎么才能让菜单栏的下拉列表优先级最高呢?
以下是菜单栏的div:

HTML code
<div class="top3"><ul id="sddm"> <li class="li1"><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()"><span style="font-size:14px; color:#FFFFFF;">首页</span></a> </li> <li class="li2"><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()"><span style="font-size:14px; color:#0973c6;">商会简介</span></a>  <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"><a href="#" title="">关于我们</a><a href="#" title="">关于我们</a><a href="#" title="">关于我们</a><a href="#" title="">关于我们</a><a href="#" title="">关于我们</a><a href="#" title="">关于我们</a>  </div> </li> <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()"><span style="font-size:14px; color:#0973c6;">信息服务</span></a>  <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"><a href="#" title="">基层动态</a>  </div> </li> <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()"><span style="font-size:14px; color:#0973c6;">教育培训</span></a>  <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"><a href="#" title="">培训活动</a>  </div> </li></ul></div>


以下是幻灯片的div:
HTML code
         <DIV id=idContainer2 class=container><TABLE id=idSlider2 border=0 cellSpacing=0 cellPadding=0>  <TBODY>  <TR>    <TD class=td_f><a href="http://www.lanrentuku.com/" target="_blank"><img src="images/01.jpg" /></a></TD>    <TD class=td_f><A href="http://www.lanrentuku.com/" target="_blank"><IMG src="images/02.jpg"></A></TD>    <TD class=td_f><A href="http://www.lanrentuku.com/" target="_blank"><IMG src="images/03.jpg"></A></TD>    <TD class=td_f><A href="http://www.lanrentuku.com/" target="_blank"><IMG src="images/04.jpg"></A></TD>    <TD class=td_f><A href="http://www.lanrentuku.com/" target="_blank"><IMG src="images/05.jpg"></A></TD>    <TD class=td_f><A href="http://www.lanrentuku.com/" target="_blank"><IMG src="images/con_1.jpg"></A></TD>   </TR></TBODY></TABLE><UL id=idNum class=num></UL></DIV>

没有贴css和js代码,如果需要我就贴上来

[解决办法]
设置position:absolute; z-index:1111;
[解决办法]
探讨

引用:
设置position:absolute; z-index:1111;
在哪里设置呢?

[解决办法]
方法一:你可以根据CSS选择器的优先级别是ID>Class>HTML标签选择器来处理一下;方法二:设置div的position:absolute; z-index:值;值是指的div的相对的z-index值。


[解决办法]
position:absolute;
z-index:1268;
那个大那个就在最顶层。。

[解决办法]
http://www.poluoluo.com/jzxy/200905/59899.html
参考这个试试。
[解决办法]
这个就是定位的层级问题,将下拉菜单的z-index的值定的比幻灯片父级标签的z-index高一些就行。这就是定位的常见问题。

热点排行