当我尝试在Android的移动设备(或平板电脑)上使用background-color: rgba(233, 233, 227, 0.72);
时,会出现问题:
如上图所示,两个div之间有一条水平线。此问题仅出现在Android设备上:Android或Chrome浏览器。 在台式计算机上,此代码可以正常工作。
如果你想尝试一下: http://jsfiddle.net/karmany/1y10cn0j/
这是Chrome和Android浏览器上的错误吗?
代码:
.bckg {
background-color: blue;
}
.div-top, .div-bottom {
height: 50px;
background-color: rgba(233, 233, 227, 0.72);
background-clip: border-box;
width: 100%;
display: block;
padding: 0;
border: 0;
margin: 0;
box-shadow: none;
}

<div class="bckg">
<div class="div-top"></div>
<div class="div-bottom"></div>
</div>
&#13;
答案 0 :(得分:0)
这绝对是Android浏览器中的一个错误。我已经报告过此问题:https://code.google.com/p/chromium/issues/detail?id=524068