层菜单的问题...

[azev]

http://www.chin-soft.com/system.aspx
页上服务领域的下级层位置总是和服务领域这四个字左对齐
我怀疑是继承了上级的样式
如果服务领域这四个字所在的单元格不用样式就不会有问题..

怎么解决?

[jzsh2000]

打不开：（

[wind0209]

你的下拉层用绝对定位试试

[azev]

谢谢lxny(沈浪).解决了

不过出现这样的原因是什么?是不是继承了上级的样式

对layer1的宽高进行设置是不是就是为了避免这种继承?
因为我开始时没有对layer1的宽高进行设置,用了默认的值
结果造成鼠标还没有到达那个td,只是到达了layer1的范围时就会出现field层

到底是怎么继承的?怎么避免(除了现在这种方法)?
比如event.cancelBubble=true可以取消下级的事件冒泡,能不能取消样式继承?

[lxny]

搞定了

代码如下：把你那个下拉层换成我下面的代码就没有问题的。

<div id="Layer1" style="position:absolute; width:106px; height:22px; z-index:2; visibility: visible">
<div id=Field
style="POSITION: absolute; WIDTH: 80px; Z-INDEX: 1; visibility: hidden; left: -16px; top: -1px">
<table align=left border=0 cellpadding=0 cellspacing=0 width=80>
<tbody>
<tr>
<td height=17></td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">电子商务</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">行业软件</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">网络安全</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">网络视频</td>
</tr>
</tbody>
</table>
</div>
</div>

[lxny]

需要修改一点　　也就是把最外面的层的宽度改小一些：　width:46px;


<div id="Layer1" style="position:absolute; width:46px; height:22px; z-index:2; visibility: visible">
<div id=Field
style="POSITION: absolute; WIDTH: 80px; Z-INDEX: 1; visibility: hidden; left: -16px; top: 0px">
<table align=left border=0 cellpadding=0 cellspacing=0 width=80>
<tbody>
<tr>
<td height=17></td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">电子商务</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">行业软件</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">网络安全</td>
</tr>
<tr>
<td class=TdLayer onMouseOut="this.className='TdLayer'"
onMouseOver="this.className='TdLayerOver'">网络视频</td>
</tr>
</tbody>
</table>
</div>
</div>