如何让ie支持css3-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

让ie支持css3的方法：1、下载“ie-css3.htc”并放到服务器目录中使用；2、下载“css3 PIE.htc”文件，然后将“PIE.htc”文件上传到网站目录中。

本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。

方法1：使用ie-css3.htc

ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件，不只是box-shadow，它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow。

它的使用方法是：下载它并放到你的服务器目录

在你的<head></head>里面写入下面的代码:

<!--[if IE]>
<style type="text/css">img, #testdiv, .testbox{behavior: url(http://yourdomain.com/js/ie-css3.htc);}
</style>
<![endif]-->

方法2：使用css3 pie插件

css3 pie 是一款可以让 ie 浏览器支持部分 css3 属性的插件。

官方网站：http://css3pie.com/

【推荐学习：css视频教程】

使用方法：

第一步：下载css3 PIE.htc 文件

第二步：将PIE.htc文件上传到你的网站目录中，上传到目录哪里都可以，只要你记住这个目录。

第三步：创建html文件，写一段css3代码，并引入PIE.htc，如下面这段：

#id {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(path/to/PIE.htc);
}

注意：.htc 文件路径是相对于html文件的路径，而不是相对于css文件。

已知的一些问题：

此方法并不是万能的，也有一些局限性和需要注意的地方。

1. z-index相关问题

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者