支持 IE8 IE11 和 FF, Chrome 浏览器的圆角

最新推荐文章于 2021-06-07 16:50:47 发布

weixin_34044273

最新推荐文章于 2021-06-07 16:50:47 发布

阅读量82

点赞数

原文链接：http://www.cnblogs.com/webglcn/p/4835730.html

版权

.rounded-corners { 
position: relative
     behavior: url(/Styles/PIE.htc);  //这里一定是“/”根目录
     border-radius: 20px; 

     background: url(/Images/button_grey.png") no-repeat center;
     border: 0px; 
}

<head id="Head1"><meta http-equiv="X-UA-Compatible" content="IE=11" /><title>

<input type="button" class="rounded-corners" value="this is button" />

IE8+ 才会识别htc文件

下载地址 http://css3pie.com/ (用1.0稳定版)

     position: relative //否则显示不出来
     behavior: url(/PIE.htc);  //这里一定是“/”根目录

IE11（非Enterprise Mode， X-UA-Compatible 生效）, FF, Chrome都支持 border-radius

IE8, IE(Enterprise Mode，会被解析成IE8 X-UA-Compatible 不生效) 不支持border-radius 需要用.htc文件

转载于:https://www.cnblogs.com/webglcn/p/4835730.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34044273

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
支持 IE8 IE11 和 FF, Chrome 浏览器的圆角

.rounded-corners { position: relative behavior: url(/Styles/PIE.htc); //这里一定是“/”根目录 border-radius: 20px; background: url(/Images/button_grey.png") no-repeat center; border: ...
复制链接

扫一扫