当前位置：首页 → 问答吧 → DIV 出现覆盖的问题

DIV 出现覆盖的问题

时间：2011-05-18

来源：互联网

<div>第一层</div>
<div>第二层</div>

问题是现在第二层挡住了第一层的部分内容

这个应该怎么写

作者: paul_198728 发布时间: 2011-05-18

我想实现的效果是第一层在第二层上面

作者: paul_198728 发布时间: 2011-05-18

欢迎大家解决下！

作者: paul_198728 发布时间: 2011-05-18

设置z-index 。越大的越在上面。

作者: zell419 发布时间: 2011-05-18

继续哥们，，怎么写。。我需要完整代码

作者: paul_198728 发布时间: 2011-05-18

你在第一层div 的样式里面写上z-index:9 尝试一下是否可行

作者: liujian650107 发布时间: 2011-05-18

设下z-index就行了！具体的，看链接

作者: weiyanli20080 发布时间: 2011-05-18

问题是我的第二层是个框架控件啊。。第一层是自己写的样式

作者: paul_198728 发布时间: 2011-05-18

HTML code


<div style="background-color:#00ff99;z-index:10;position:absolute;">我是第一个</div>
<div style="background-color:#55ff11;z-index:9;position:absolute;">那我就是第二个了</div>

是这样么？

作者: zell419 发布时间: 2011-05-18

框架控件也可以写style 。

作者: zell419 发布时间: 2011-05-18

<ext:LayoutRow RowHeight="1">
<ext:TabPanel ID="TabPanelCenter" runat="server" Border="false" EnableTabScroll="true" >
<Plugins>
<ext:TabCloseMenu ID="TabCloseMenu1" runat="server" CloseAllTabsText="关闭所有" CloseOtherTabsText="关闭其它"
CloseTabText="关闭" />
</Plugins>
</ext:TabPanel>
</ext:LayoutRow>

就这个控件

作者: paul_198728 发布时间: 2011-05-18

#TabPanelCenter
{
Z-INDEX: -1;
}

样式就这么写吗？

作者: paul_198728 发布时间: 2011-05-18

嗯你看下有效果么。

作者: zell419 发布时间: 2011-05-18

没得效果啊。。。

作者: paul_198728 发布时间: 2011-05-18

大家继续顶啊。。。。这是个问题啊！！！急

作者: paul_198728 发布时间: 2011-05-18

那你直接设置position好了!~

作者: liujian650107 发布时间: 2011-05-18

不会。。继续解答！谢谢