在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/