2***@qq.com
2***@qq.com
  • 发布:2018-08-08 08:44
  • 更新:2018-08-08 08:44
  • 阅读:1552

【报Bug】父页面position:fixed元素,被tab子页面覆盖

分类:MUI
mui

详细问题描述
[内容]
首页是一个tab页面,可以下拉式刷新,悬浮了一个新增按钮,使用position:fixed位置存放,启动时子页面tab页面加载完就覆盖了父页面的这个按钮,期待此按钮一直悬浮在页面上~

重现步骤
[步骤]
[结果]
[期望]

运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]

附件
[代码片段]
css:
.add-bill-btn{
position: fixed;
right: 15px;
bottom: 80px;
display: block;
width: 32px;
height:32px;
z-index: 9999;
background-color: #ef6f7a;
border-radius: 23px;
border: 1px solid #ef6f7a;
color: white;
text-align: center;
/cursor: move;/
}

.add-bill-btn span{
font-size: 30px;
line-height: 30px;
}

页面:
<a href="#" class="add-bill-btn" >
<span >+</span>
</a>
<div id="slider" class="mui-slider">
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" id="segmented" style="background-color: white;">
<div class="mui-scroll">
<a class="mui-control-item mui-active pdl-12 pdr-12" href="#item1mobile" data-wid="waybill_subpage1.html">
待接单
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item2mobile" data-wid="waybill_subpage2.html">
待发货
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item3mobile" data-wid="waybill_subpage3.html">
在途中
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item4mobile" data-wid="waybill_subpage4.html">
已送达
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item5mobile" data-wid="waybill_subpage5.html">
异常
</a>

            </div>  
        </div>  
    </div>  
    <div class="mui-content">  
    </div>  

[安装包]

联系方式
[QQ]243042162
[电话]

2018-08-08 08:44 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复