+ -
当前位置:首页 → 问答吧 → 求助,关于层的问题,高手请进,非一般的难题

求助,关于层的问题,高手请进,非一般的难题

时间:2010-09-01

来源:互联网

http://www.tao100.org/test/a01/Untitled-1.html
请看上面的演示地址,为什么弹出的层会被其他的图片文字遮住呢?在火狐下没问题,只是ie6和ie7有问题,请高手指点,不胜感激。

作者: genhua   发布时间: 2010-09-01

清除符动 overflow:hidden;_zoom:1

作者: radom   发布时间: 2010-09-01

把position:relative;放在.VFriends中

ie6还有点问题,你得在最外层加个标签

作者: kobekaisa   发布时间: 2010-09-01

清除li的浮动吗,但要是加上overflow:hidden,那么弹出的窗口就只能看到一点点的,超出的就会被裁切掉

[ 本帖最后由 genhua 于 2010-9-1 17:19 编辑 ]

作者: genhua   发布时间: 2010-09-01

你的方法是解决了被遮住的问题,但在ie6下定位不行,不能跟随定位,能解决这个问题吗

作者: genhua   发布时间: 2010-09-01

关注

作者: furuier   发布时间: 2010-09-01

没高手出现呀,自己顶一下

作者: genhua   发布时间: 2010-09-01

这个可能是因为你的li定义了相对定位,所以后面的li会比前面的层次高,即z-index,但不容易设置,因为都是并列的;
我的想法是在js动态加相对定位跟z-index 给li,但不要显示时 再去掉,这样就不会被影响了

[ 本帖最后由 sfzheng2007 于 2010-9-2 09:32 编辑 ]

作者: sfzheng2007   发布时间: 2010-09-02

去掉其它地方的position: relative;
只CSS代码中加入body{position: relative; }

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

那样弹出层不是相对li定位了,而是相对body来定位了,这样它显示的都是同一个位置

作者: sfzheng2007   发布时间: 2010-09-02

刚才想的少了。
<LI class="wrap">
li.wrap{position:relative;}
其它层的position:relative;可以去掉。
这样就差不多了。

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

嗯 意思都差不多

作者: sfzheng2007   发布时间: 2010-09-02

ie7下什么效果都没看出来,估计你说的是鼠标悬移显示层的问题。
解决方法就是不用position:relative,此时position:absolute的对象的html代码写li的first-child的位置,它的定位不要用left和top,而用margin。

[ 本帖最后由 14px 于 2010-9-2 16:01 编辑 ]

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