首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将<hr>放在大纲前面

将<hr>放在大纲前面
EN

Stack Overflow用户
提问于 2013-08-30 11:10:46
回答 1查看 922关注 0票数 1

我有一个内容div,它具有以下属性:

代码语言:javascript
复制
   { max-width: 1200px;
     margin: 0 auto;
     border: 3px solid #808080;
     outline: 10px solid #E3E3E3;
     background-color: #FFF;
  }

在这个div中,我有一个hr,它覆盖了左边框:

代码语言:javascript
复制
<div id="headerhr" class="stretchRight"><hr color="#921E27" style="height: 1px;"></div>

#headerhr {
margin: 0 0 0 -50px;
}

这是可行的,但人力资源位于大纲边框下。我怎样才能把人力资源放在大纲的前面?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-30 11:23:53

您希望将一个z-index添加到您的人力资源中,使其覆盖在顶部,但要使其工作,您需要为z索引的工作指定一个position: relative;

参见此示例

试试这个:

代码语言:javascript
复制
#headerhr {
    margin: 0 0 0 -50px;
    z-index: 999;
    position: relative;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18531488

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档