+ -
当前位置:首页 → 问答吧 → position:relative;z-index;问题

position:relative;z-index;问题

时间:2010-09-03

来源:互联网

父层设置了position:relative;z-index:-999;
子层里的A链接在IE7/6下无法点。有遇到过这样问题的吗。麻烦指点下谢谢。
代码如下:顺便求解决办法谢谢了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>11</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> .box{position:relative;z-index:-999;margin:200px;} ul{margin:0;padding:0;list-style:none;} ul li{} </style> </head> <body> <div class="box"> <ul> <li><a href="#">111111111111</a></li> <li><a href="#">222222222222</a></li> <li><a href="#">3333333333333333</a></li> <li><a href="#">213123123</a></li> <li><a href="#">213123123</a></li> </ul> </div> </body> </html>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 benzhuqq 于 2010-9-4 09:21 编辑 ]

作者: benzhuqq   发布时间: 2010-09-03

你父层都设置了z-index:-999,子层很可能就因为父层的z-index过低而被其他的元素遮挡。

作者: 14px   发布时间: 2010-09-03

初步判断应该是被挡住了

作者: p373384979   发布时间: 2010-09-03

2楼正解,应该是被挡住了;
如果z-index:1,就能点了

作者: sunxiangjun1986   发布时间: 2010-09-04

热门下载

更多