我有一个标题标签被相邻的 div 遮盖住了。我已经在它们上面设置了 z-index 属性,但它们并没有按照我的要求工作。我注意到,当我使用 border-radius 属性与其他混合样式一起使用时,会导致两个 DOM 元素的对齐相互交叉。但是,它们交叉的顺序不符合我的需求。有什么想法吗?
Fiddle :)
h2 {
font-size: 2.5em;
background-color: #e5dbc2;
display: inline-block;
padding-right: 10px;
line-height: 70%;
margin-bottom: 0;
z-index:999;
}
.cover {
position:relative;
width: 100%;
height: 300px;
padding: 0;
border-radius: 0 0 20px 20px;
background-color: #efe8d9;
border-top: 5px solid #6e537f;
margin-top: -7px;
overflow: hidden;
z-index: 500;
}