让ie6/7/8支持css3属性

weixin_34319374

于 2018-03-15 17:16:00 发布

阅读量64

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/kangweb/blog/1635334

本文介绍了一种名为PIE的技术，它可以让老旧的IE6-8浏览器支持部分CSS3特性，例如阴影和圆角效果。通过简单的代码示例展示了如何启用这些特性，并强调了使用PIE时的一些注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PIE 可以使得 IE 6-8支持部分很有用的css3属性，具体支持哪些css3属性的可以查阅官方文档（http://css3pie.com）

代码示例：

#myElement {
    background: #EEE;
    padding: 2em;
    box-shadow:#999 1px 1px 5px;
    border-radius: 1em;
}

上面这段css代码运用到了css3中的阴影和圆角，但是不支持IE6 - 8，需要在后面再追加特定的PIE以便支持IE6 - 8浏览器

示例：

#myElement {
    ...
    behavior: url(PIE.htc);
}

需要注意的是：pie文件的引入路径必须为绝对路径，同时在你引入pie的时候#myElement里的所有元素绝对不能同时使用!important这个属性（padding只是作为一个示例），如：

#myElement {
    ...
    padding:5px !important;
    behavior: url(PIE.htc);
}

转载于:https://my.oschina.net/kangweb/blog/1635334