当前位置:清晨 » 站长笔记 » CSS 跨浏览器透明 border

CSS 跨浏览器透明 border

发布日期:2012年11月6日 09:11:44 点击量: 1,670

宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取,简单好用的 Linux/Windows 面板

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


关键词:

本文网址:https://www.menglei.info/827/,转载请以链接形式注明出处,谢谢合作!

老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725

评论已关闭。