我用:after创建了一个三角形,chrome下是正常的,但是火狐下看中间有一条裂缝。后来我看了一下好像是transform的问题,可是我写了针对火狐的兼容,但是好象没有用。我的代码如下:
&:after {
position: absolute;
left: -63px;
top: -63px;
content: "";
width: 0;
height: 0;
border: 63px solid rgba(1, 192, 154, 0);
border-bottom-color: #01c09a;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
/* Internet Explorer */
-moz-transform: rotate(-45deg);
/* Firefox */
-webkit-transform: rotate(-45deg);
/* Safari 和 Chrome */
-o-transform: rotate(-45deg);
/* Opera */
}
求大神解答!谢谢!!!