在先进的浏览器中，让一个元素的 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/
