[bug]小米部分机型(5x、mix2)中,文字/背景闪现然后消失
2018-01-29 10:55
281 查看
2/9更新
后来遇到float 元素也这样,改成flex布局就没问题。不知道具体原因。
描述:
使用
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:hover一个li,左滑进背景图,li上文字消失太快(或者说出现闪现消失)
- Android部分机型(vivo、乐视、部分红米)对GIF透明背景图片显示白色问题分析
- IE6中有一个BUG叫border边框断线现象(border边框部分消失)
- CSS3实现两行或三行文字,然后多出的部分省略号代替
- IE6文字消失、背景圖消失之謎
- android--设置TextView部分文字的颜色和背景(高亮显示)
- 代码中设置Edittext提示语hint的字体大小时遇到的机型适配问题(小米以及部分华为手机会有问题)
- 谷歌Pixel手机近期一直bug不断,除了Android Auto服务以及谷歌闹钟Bug外,据外媒Androidpolice报道称,最近部分Pixel手机被曝光无法接收文字短信,谷歌已经确认该bug的
- Android TextView 设置部分文字背景色和文字颜色
- android--设置TextView部分文字的颜色和背景(高亮显示)
- android--设置TextView部分文字的颜色和背景(高亮显示)
- android--设置TextView部分文字的颜色和背景(高亮显示)
- android--设置TextView部分文字的颜色和背景(高亮显示)
- IE浏览器有个很莫名其妙的Bug:有时候文字或者背景图片死活显示不出来。
- android--设置TextView部分文字的颜色和背景(高亮显示)
- android TextView 设置部分文字背景色和文字颜色
- android--设置TextView部分文字的颜色和背景(高亮显示)
- IE浏览器有个很莫名其妙的Bug:有时候文字或者背景图片死活显示不出来。
- 黄聪:IE6下css大bug:文字神秘消失,鼠标选择了才出现
- 最新历史版本 :android--设置TextView部分文字的颜色和背景(高亮显示)