兼容ie8圆角和阴影效果的方法

最新推荐文章于 2021-06-19 16:57:09 发布

EW_unique

最新推荐文章于 2021-06-19 16:57:09 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/JINQINGS/article/details/51037906

本文介绍了一种使IE9以下版本浏览器支持CSS3圆角效果的方法，通过使用pie.js脚本，可以实现在旧版IE浏览器中显示带有圆角的元素。当圆角效果未能正常工作时，可以通过调整元素的样式属性来解决。

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

引入文件：

<!--[if lt IE 9]>
<script type="text/javascript" src="path/to/PIE.js"></script>
<![endif]-->

调用Jquery内容：
<!--[if lt IE 9]-->
<script>
   window.onload = function(){
      if(window.PIE){
         $(".class").each(function(){
            PIE.attach(this)
         });
      }
   };
</script>
<!--[endif]-->
如果在设置了这些之后还是不能实现圆角等效果时，在其class/id选择器上设置样式：
style="position:relative;z-index:1";
pie.js 官网网址：http://css3pie.com/documentation/pie-js/