让IE8兼容box-shadow、box-radius等css3新属性

最新推荐文章于 2024-07-17 18:39:50 发布

少油少盐不要辣

最新推荐文章于 2024-07-17 18:39:50 发布

阅读量815

点赞数

分类专栏：浏览器兼容

本文链接：https://blog.csdn.net/qq_40713392/article/details/86634689

版权

浏览器兼容专栏收录该内容

7 篇文章 0 订阅

订阅专栏

首先，需要下载css3pie ，传送门
下载好后，我们只取一个PIE.htc文件即可。
注意：PIE.htc路径是相对于目标文件的，而不是当前css文件哦（通俗点说就是，看从html怎么能找到PIE.htc文件，如果PIE.htc和html同级（同一个文件夹下），就直接：behavior: url(PIE.htc)，如果PIE.htc在html的子辈级，比如在css文件夹下，就是behavior: url(css/PIE.htc)）
给目标标签设置属性，设置 behavior路径属性（假设与目标文件.html放在同一个文件夹下，代码如下）

   .parent{
            position: relative;    //当不好使的时候，添上这个属性
            behavior: url(PIE.htc)  //这个必须有
            border-radius: 20px;
            //其他属性
            ...
        }

介绍htc，它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。。（可以参考这个 https://zhidao.baidu.com/question/2119635727166906667.html）