Pain Pain - 4 years ago 122
CSS Question

CSS/HTML Border line on Android browser (google chrome)! On PC everything it's ok

This is my HTML code:

<body>
<div class="proba">
<div class="proba1">
</div>
</div>
</body>


And this is my CSS code:

body {
background: #acacac;
}
.proba1 {
background: url(http://ljuska.na.rs/fedge2.png) repeat-x;
height: 100px;
}

.proba {
background: black;
}


https://jsfiddle.net/buy0h2mk/

Everything works fine on a PC. But on a mobile (Android Google Chrome) there is a line like a border but it's not a border.

Mobile view

Tim Tim
Answer Source

That is an unfortunate anti-aliasing artifact. Notice that there are some zoom levels in which the line does not appear. A workaround is to add webkit-backface-visibility: hidden to .proba.

https://jsfiddle.net/buy0h2mk/2/

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download