CSS 跨浏览器透明 border

在先进的浏览器中,让一个元素的 border 变为透明,只需要把 border 的颜色改为 transparent ,例如:

#id {

border-right: #0F0 solid 400px;

border-bottom: transparent solid 400px;

}

上面的代码就可以生成一个直角等腰三角形,但在 IE6和7 中,你需要这样写:

#id {

width: 400px;

height: 400px;

width:0;

height:0;

border-right: #0F0 solid 400px;

border-bottom-style: dashed;

}

来源:http://www.codecto.com/2010/10/cross-browser-transparent-border/