CHROME中的傾斜盒子

Question

Chrome中的斜邊看起來很糟糕。在Firefox中是好的。爲什麼？

http://codepen.io/anon/pen/EaxJKv

.rr-left:after { 
    bottom: 0; 
    border-top: 30px solid #2c3e50; 
    border-right: 1050px solid #FFFFFF; 
} 

Answer 1

嘗試改變邊界頂部RGBA（44，62，80，0）。這種平滑的線條公平位：

border-top: 30px solid rgba(44, 62, 80, 0); 

http://jsfiddle.net/wmvq5uz1/