2个div层 显示顺序问题

sh1618 2013-01-15 09:40:01

.leftg1{top:0px;position:relative; z-index:1;}
.tableindex{z-index:2;position:relative;}

想让tableindex 在leftg1上面 firefox 可以 ie 下面不行
如果 .leftg1 {top:0px;position:relative; z-index:-1;} 可以 但是 .leftg1 上面的元素不能编辑了 求解
...全文
401 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
BorisHuai 2013-01-15
  • 打赏
  • 举报
回复
对于IE浏览器的种种毛病我就不多说了,今天就说说在ie下如果设置了position:relative;后z-index就失效的问题,在做前端开发的时候Yovae我就被此问题纠缠过。 IE浏览器对于设置了position的元素会自动生成一个新的stacking context,导致 z-index被重置 为0,所以z-index才失效了。所以我们需要在这个元素的父元素上设置一个更高的z-index值。来消除这个影响。 参考:http://www.yovae.com/blog/ie%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8Dz-index%E5%A4%B1%E6%95%88%E9%97%AE%E9%A2%98.html
sh1618 2013-01-15
  • 打赏
  • 举报
回复
就像这个页面 产品中心下拉 被左侧遮住了(ie 下遮住了 firefox 没有遮住)
sh1618 2013-01-15
  • 打赏
  • 举报
回复
2个重回的时候就 遮盖了
xiaofan_sap 2013-01-15
  • 打赏
  • 举报
回复
不用
引用 2 楼 axiaodan 的回复:
XML/HTML code?123456<div id="a"> <div id="a1" style="position:relative; z-index:2;">A-1 下拉层</div></div><div id="b" ><div id="b1" style="position:relative;z-index:1;">B 上下滚动层</div></di……
你这样的话 ,他俩永远不会覆盖啊
sh1618 2013-01-15
  • 打赏
  • 举报
回复

<div id="a">
	<div id="a1" style="position:relative; z-index:2;">A-1 下拉层</div>
</div>
<div id="b" >
<div id="b1"  style="position:relative;z-index:1;">B 上下滚动层</div>
</div>
是这个样子的
sh1618 2013-01-15
  • 打赏
  • 举报
回复
leftg1 层是移动层
ccss654321 2013-01-15
  • 打赏
  • 举报
回复
z-index:1写在html中

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧