CSS3圆角兼容性问题

最新推荐文章于 2024-07-20 17:12:48 发布

weixin_34245082

最新推荐文章于 2024-07-20 17:12:48 发布

阅读量287

点赞数

文章标签： python

原文链接：https://my.oschina.net/yanyaya/blog/713849

版权

2019独角兽企业重金招聘Python工程师标准>>>

IE8本身不支持css3的插件，通过css3 PIE可让ie8支持部分css3的插件

css3 pie支持部分的css3特效，比如：圆角，块阴影等。

以下是在ie8浏览其中实现圆角背景图片的实例

首先要先下载css3 pie插件

在官网http://cssdian.com/?p=320上下载

然后建立html页面将下载的压缩包文件中的PIE.htc文件放到指定的文件夹下

在使用css3的地方添加behavior: url(js/PIE.htc); 就可以了

/*html code*/

css code

 #boxroundCorner{
   background-image:url(img/2.jpg); 
   height: 100px;  
   width: 60px;  
   border: 1px solid #999;  
   -webkit-border-radius: 12px;  
   -moz-border-radius: 12px;  
   border-radius: 12px;  
   behavior: url(js/PIE.htc);  
}

注意：如果用上面的办法，不能显示出，而且背景颜色会没有，就加两个属性：

position：relative;或者z-index：2；

转载于:https://my.oschina.net/yanyaya/blog/713849