ie8如何兼容css3的圆角属性

刚入门，要兼容ie8，实现css3的一些效果，百度一番，得到的答案是用pie.css ；
首先pie.css有2个版本，使用方法也不一样，官网http://css3pie.com/的documentation对2个版本的js写法有具体介绍，我用的版本2，要实现ie8圆角属性的兼容；
下载好版本2，里面会有一个PIE.htc,还有一个PIE_IE678.js(主要用这2个文件)，我放到pie文件下的，然后代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.big{position:relative;z-index:0;}.sm{width:100px;height:100px;background-color:blue;border:1px solid #000;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:#f60 0px 2px 3px;-moz-box-shadow:#f60 0px 2px 3px;box-shadow:#f60 0px 2px 3px;behavior: url(pie/PIE.htc); }</style><script src="pie/jquery-1.11.3.min.js"></script><!--[if lt IE 9]><script type="text/javascript" src="pie/PIE_IE678.js"></script><script type="text/javascript">$(function() {if (window.PIE) {$('.sm').each(function() {PIE.attach(this);});}});</script><![endif]-->
</head>
<body><div class=big><div class="sm"></div></div></body>
</html>

其中有几点说明
1是：PIE.htc URL路径是相对于当前HTML文件，不是CSS文件.
2是：需要在服务器或者本地服务器上运行才有效果
我的疑惑是
1：js代码里面的.rounded是什么意思，我一直把它想成一个可替代元素，但是不知道怎么用，所以直接原版copy过来了。（见国外网站，.rounded使用的是你要添加属性的元素名字。）
2：我百度，以及官方的给的英文说明都是说的引入pie.js算是第二种方式了。第一种方式使用behaviour +url（pie.htc）。但是我在用的时候是既引入了pie.js也用了behaviour +url(pie.htc),结合起来才出的效果（补充:用版本2，引入pie/PIE_IE678.js才会生效，之前用的PIE.js未生效，与版本有关。）
3.还有很多注意的，需自行搜索了(补充一个遇到的问题，电脑安装了电脑管家，在ie下会与js文件起冲突，导致页面报错，出现对象为空，解决办法，卸载电脑管家)。

ie8如何兼容css3的圆角属性相关推荐

IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）
1.关于在IE浏览器上面的一个旋转问题 IE8不支持css3的transform属性,因此在兼容ie8的时候需要用到滤镜来进行兼容语法: 兼容c3属性的浏览器在设置旋转属性的时候: transfor ...
IE11不兼容css3渐变属性
最近做项目发现IE9兼容css3中渐变属性,到了IE11居然反而不兼容,一开始一直用低版本的IE测试兼容性,才发现低版本IE兼容的IE11不一定兼容,后来解决方法是,在样式最前面加入backgroun ...
让IE6、IE7、IE8支持CSS3的圆角、阴影样式
想做个页面用到css3的圆角和阴影效果,但ie浏览器不支持,之前也听说有插件可以实现,周六在网上找到了一个方法,原文如下: 但凡是前端工程师,都知道IE6,IE7,IE8不支持.或者不完全支持CSS3 ...
html圆角兼容jq,IE兼容css3圆角的htc解决方法
现在css3的border-radius属性可以很方便的实现圆角功能,对网站前台人员无疑是一件喜事,但悲剧的是IE6/7/8并不支持,让我们弃新技术不用,是不可能的,因此找到了一种解决的办法--- I ...
（22）css3新增边框圆角属性border-radius
1.边框圆角属性border-radius使用作用:设置边框的圆角. 属性值:可以是像素值,或者百分比,百分比参考的是盒子整体宽度.高度的百分比. 示例1: 示例2: 示例3: 当border-r ...
html 给照片添加圆角属性,CSS3新增属性（背景图、边框背景、圆角）
1.Background-size 背景尺寸说明:background-size 规定背景图像的尺寸属性值 length (10px) 规定背景图的大小.第一个值宽度,第二个值高度.(直接定义背景 ...
让IE6/IE7/IE8浏览器支持CSS3属性
一.下载搜索下载:ie-css3.htc,它是让IE浏览器支持CSS3表现的关键. 二.上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,个人以为与js文件属于同一货色,只是呢,貌似 ...
IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法
1.CSS box {-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px; /* Safari 和 Chrome */ ...
box-sizing是CSS3的box属性
box-sizing是CSS3的box属性之一.一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性.那么C ...

ie8如何兼容css3的圆角属性

ie8如何兼容css3的圆角属性相关推荐

最新文章

热门文章