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:

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

And this is my CSS code:

body {
background: #acacac;
.proba1 {
background: url( repeat-x;
height: 100px;

.proba {
background: black;

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.

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