div层优先级有关问题
div层优先级问题
鼠标移动到菜单栏上面以后会出现一个下拉菜单,
但是下拉菜单被紧挨在下面的幻灯片遮挡住了,怎么才能让菜单栏的下拉列表优先级最高呢?
以下是菜单栏的div:
以下是幻灯片的div:
没有贴css和js代码,如果需要我就贴上来
------解决方案--------------------
设置position:absolute; z-index:1111;
------解决方案--------------------
------解决方案--------------------
方法一:你可以根据CSS选择器的优先级别是ID>Class>HTML标签选择器来处理一下;方法二:设置div的position:absolute; z-index:值;值是指的div的相对的z-index值。
鼠标移动到菜单栏上面以后会出现一个下拉菜单,
但是下拉菜单被紧挨在下面的幻灯片遮挡住了,怎么才能让菜单栏的下拉列表优先级最高呢?
以下是菜单栏的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;
------解决方案--------------------
------解决方案--------------------
方法一:你可以根据CSS选择器的优先级别是ID>Class>HTML标签选择器来处理一下;方法二:设置div的position:absolute; z-index:值;值是指的div的相对的z-index值。