有一个父级元素
<section class="aui-flexView" id='main-v'>
<!-- 头部 -->
<div class="aui-navBar aui-navBar-fixed" id="header">
<div class="bar-nav aui-row">
<div class="close-btn aui-col-xs-1" @click="closeWin" id="close-win">
<i class="aui-iconfont aui-icon-close"></i>
</div>
<div class="bar-title">
<span>添加</span>
</div>
</div>
</div>
<!-- 按钮-->
<div class="next-btn">
<div class="aui-btn aui-btn-warning aui-btn-block">
<p>→</p>
</div>
</div>
</section>
</section>
表格会覆盖按钮,加了z-index无效
.next-btn .aui-btn {
border-radius: 30px;
height: 3rem;
width: 3rem;
z-index:1000
}
注意有个父级元素
/*底部按钮*/
.next-btn {
position: fixed;
bottom: 2rem;
right: 1rem;
}
初步查到的是可能父级元素给了position : relative
,我给的是最外层的父级,要用absolute
,但是改了后格式会乱:
.aui-scrollView {
position: relative;<!-- absolute -->
}
解决:把z-index给直接父级
.next-btn {
position: fixed;
bottom: 2rem;
right: 1rem;
z-index:1000
}