为了账号安全,请及时绑定邮箱和手机立即绑定

小米浏览器中,图片导致fixed定位的元素无法显示

小米浏览器中,图片导致fixed定位的元素无法显示

慕容3067478 2018-11-14 13:14:34
在小米手机自带的浏览器中(版本V8.6.5), 我的布局代码是这样的, header 是fixed定位,content容器里面包含有图片。但是当有图片的时候,fixed定位的header就无法正常显示。注意:如果复现不了,请在文档底部执行一段js代码,可保证必现已经试了以下方法:图片用背景图的方式,也会导致fixed元素无法显示调高header的z-index没有效果把图片挪到.page 容器之外,则能正常显示,但是这样会影响我的布局,不可用有人遇到类似的问题吗?什么原因?怎么解决的.page {position: relative; height: 100%; width: 100%; padding-top: 44px;}.header-fixed {position:fixed; background: #ccc; width: 100%; height: 44px; top: 0;}.content img{width: 100px;}<div class="page">    <header class="header-fixed">header</header>    <section class="content">        <img src="https://dimg04.c-ctrip.com/images/30080f0000007b78e6D63_C_500_280.jpg">    </section></div>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 654 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信