当前位置：首页 → 问答吧 → IE6下li中的内容被其他li挡住怎么办

IE6下li中的内容被其他li挡住怎么办

时间：2010-10-13

来源：互联网

在IE6中，li中隐藏的内容被其他li遮挡了，请问怎样才能不挡住呢，搞了两天没解决
另外，在本地测试鼠标移过来能看见内容，但粘到这里后隐藏的内容也不见了呢

麻烦同学们帮看看是哪里出问题了

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script>  </script> <style>  </style> </head> <body> <div id="c"> <ul> <li><a href="" onMouseOver=Show(div00) onMouseOut=Hide(div00)>ddd</a><div id="div00" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div01) onMouseOut=Hide(div01)><span>ddd</span></a><div id="div01" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div02) onMouseOut=Hide(div02)><span>ddd</span></a><div id="div02" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div03) onMouseOut=Hide(div03)><span>ddd</span></a><div id="div03" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div04) onMouseOut=Hide(div04)><span>ddd</span></a><div id="div04" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div05) onMouseOut=Hide(div05)><span>ddd</span></a><div id="div05" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div06) onMouseOut=Hide(div06)><span>ddd</span></a><div id="div06" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show(div07) onMouseOut=Hide(div07)><span>ddd</span></a><div id="div07" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: tmulmt 发布时间: 2010-10-13

js有挺多的小问题。

<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script>  </script> <style>  </style> </head> <body> <div id="c"> <ul> <li><a href="" onMouseOver=Show('div00') onMouseOut=Hide('div00')>ddd</a><div id="div00" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div01') onMouseOut=Hide('div01')><span>ddd</span></a><div id="div01" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div02') onMouseOut=Hide('div02')><span>ddd</span></a><div id="div02" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div03') onMouseOut=Hide('div03')><span>ddd</span></a><div id="div03" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div04') onMouseOut=Hide('div04')><span>ddd</span></a><div id="div04" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div05') onMouseOut=Hide('div05')><span>ddd</span></a><div id="div05" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div06') onMouseOut=Hide('div06')><span>ddd</span></a><div id="div06" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> <li><a href="" onMouseOver=Show('div07') onMouseOut=Hide('div07')><span>ddd</span></a><div id="div07" class="d">宅电 0ddd-8dsfsfs<br /> 手机号:11111111111<br /> QQ号:1xxxxxxxx<br />邮箱: [email protected] </div></li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

这里只是按你的思路做下去，其实可以简单一些的。

至于遮盖的问题，实质上是涉及到一个定位元素间z值比较的问题。看看http://www.cssass.com/blog/index.php/2009/75.html

作者: ONEBOYS 发布时间: 2010-10-13

多谢热心的ONEBOYS，全都解决了！
还有学习要点呢，我研究一下

作者: tmulmt 发布时间: 2010-10-13