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