首页 > Web开发 > 详细

IE8兼容css3

时间:2019-08-08 11:03:21      阅读:84      评论:0      收藏:0      [点我收藏+]

ie8不支持css中的阴影和圆角,因此采用插件pie.htc

下载完成添加到项目中,建议放在js或者css文件夹里面,编写css时在需要做兼容的地方加上“behavior:url(pie.htc路径);”,示例代码如图所示:

技术分享图片

 

 

使用pie.htc需要注意以下几点:

1.添加pie.htc时路径是相对于当前html的而不是相对于css,从图示例代码可以看出。可以使用根路径./css/pie.htc,这样不用考虑htmlcsspie.htc的相对位置。

2. 项目需要在服务器或者本地服务器上运行才有效果 。

3.给div添加阴影时必须给div加上背景,否则div内部也全是阴影。

 

使用pie.htc后背景色不显示的问题

解决办法:

在使用behavior:url(./css/PIE.htc)圆角样式后添加 position:relative就可以了
.border_radius  {
     border:1px solid #000;
     -moz-border-radius:15px;    
     -webkit-border-radius:15px;
     border-radius:15px;
     behavior:url(./css/PIE.htc);
     position:relative;
}

 

 

IE8兼容css3

原文:https://www.cnblogs.com/coldfishdt/p/11319658.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!