相关疑难解决方法(0)

我有一个三角形(JSFiddle)使用这个CSS:

.triangle {
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 30px solid #666699;
    border-left: 20px solid transparent; 
    border-right: 20px solid transparent;
    }

这个HTML:

<div class="triangle"></div>

这会形成一个三角形,但对角线呈锯齿状和像素化.我怎样才能让它们变得光滑？(我可以通过点缀它们来在Safari和Chrome中平滑它们,但这打破了Firefox和IE中的三角形.)