/*css style */
/*兼容性最大的方法*/

[css]#up {
width:0px;
height:0px;
line-height:0px;
overflow:hidden;
border-width:50px;
border-color:transparent transparent #F00 transparent;
border-style:dashed dashed solid dashed;
}[/css]

/*以下不兼容ie6透明*/

[css]#up {
width:0px;
height:0px;
border-bottom:10px solid #89b007;
border-left:10px solid #fff;
border-right:10px solid #fff;

}
#down {
width:0px;
height:0px;
border-top:10px solid #89b007;
border-left:10px solid #fff;
border-right:10px solid #fff;

}
#left {
width:0px;
height:0px;
line-height:0px; /*解决ie出现梯形问题*/
border-right:10px solid #89b007;
border-top:10px solid #fff;
border-bottom:10px solid #fff;

}
#right {
width:0px;
height:0px;
line-height:0px; /*解决ie出现梯形问题*/
border-left:10px solid #89b007;
border-top:10px solid #fff;
border-bottom:10px solid #fff;

}
#trapezoid {
width:7px;
height:15px;
border-bottom:10px solid #89b007;
border-left:10px solid #fff;
border-right:10px solid #fff;

}[/css]

转载请注明来自:爱前端

发表评论

电子邮件地址不会被公开。 必填项已用*标注