[bug]小米部分機型(5x、mix2)中,文字/背景閃現然後消失
阿新 • • 發佈:2018-01-29
body back item ack 文字 color div 什麽 pre
描述:
使用vue 2.4
開發HTML5
時,遇到在小米部分機型(5x、mix2)中,文字/文字背景閃現然後消失。
如下,.a-blue-block
的藍色背景閃現一下,接著藍色背景突然消失,只剩下文字。
html 結構:
<div class="pannel-item" v-for="(item, index) in ps" :key="index"> <div class="a-blue-block"> <div class="title"> <span>{{item.name}}</span> <span v-if="item.ename">{{item.ename}}</span> </div> <div class="desc">{{item.itn}} {{item.idcard}}</div> </div> <div>
部分css
$rem: 1 / 18.75 * 1rem;
.a-blue-block {
padding: 16*$rem 20*$rem;
border-radius: 6 * $rem;
color: #000;
background: #1188FF;
box-shadow: 0 4px 10px #ccc;
}
修復:
在消失元素的父級上,添加background:#fff
。
至於為什麽會出現這個bug,以及添加白色/任意背景可以修復這個bug,不要問我,我也不知道。
如果哪天有人遇到或知道為什麽,希望能夠告訴我。
[bug]小米部分機型(5x、mix2)中,文字/背景閃現然後消失