IE8兼容border-radius

最近在写PC端活动页面,UI给的设计稿里边有大量的圆角。咨询过做PC端的同事,说只能兼容到IE9。但是心里不甘心,于是在网上找到了PIE.htc文件。发现它能完美兼容IE8。在这里我把代码步骤给大家罗列一下。
1.下载PIE.htc文件。放到任意位置,前提是你引用的时候可以找得到。
2.给需要设置圆角的元素添加样式:
position:relative;
z-index:2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
就是这么简单。这时候你会发现在IE8下也完美实现圆角了。
说两点值得注意的地方:
1.元素的position:relative或者absolute
2.z-index比周围元素高。
另外我这个只是在IE8上测试是完美的,不知道IE6-IE7的情况。但是据说是可以的。
另,有不明白的,可微博找我。
微博:璐飞童鞋。关注之后,私信我问题就可以。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值