css - CSS 变换，chrome 中的锯齿状边缘

Question

i have a problem with jagged edges in chrome. Rest of browsers supporting this good but only chrome make this edges horible. Fiddle here: http://jsfiddle.net/2HZ8A/ I tried with -webkit-backface-visibility: hidden; and it was working, but... i'm using parallax effects on my website and fixed top menu, when i put -webkit-backface-visibility: hidden; to .row1 and .row2 then everything's is crashing.

Answer 1

我知道这大约晚了一年，但这似乎有效。

[class*="row"] {
   outline: 1px solid transparent;
   -webkit-backface-visibility: hidden;
}

http://jsfiddle.net/JacobJWBurden/kkd5g5u7/