|
本帖最后由 chenxixingwang 于 2014-10-8 11:03 编辑
在 android 手机上用 chrome 打开如下页面时,绿色图片边缘会有一道细细的红线。
请问各位大牛,这是怎么回事?
<style>
#ref-overlapped-red {
background-color: red;
left: 30px;
height: 100px;
position: relative;
top: 30px;
width: 100px;
}
#test-overlapping-green {
background-image: url("40px-wide-20px-tall-green-rect.png");
background-origin: content-box;
background-repeat: no-repeat;
background-size: 100% 100%;
border: transparent dotted 5px;
bottom: 100px;
height: 100px;
padding: 25px;
position: relative;
width: 100px;
}
</style>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="ref-overlapped-red"></div>
<div id="test-overlapping-green"></div>
</body>
|
|