让ie8支持css3实现圆角效果
IE8本身不支持css3的插件,通过css3 PIE可让ie8支持部分css3的插件
css3 pie支持部分的css3特效,比如:圆角,块阴影等。
以下是在ie8浏览其中实现圆角背景图片的实例
首先要先下载css3 pie插件
在官网http://cssdian.com/?p=320上下载
然后建立html页面 将下载的压缩包文件中的PIE.htc文件放到指定的文件夹下
在使用css3的地方添加behavior: url(js/PIE.htc); 就可以了
html code
<div id="boxroundCorner"></div>
css code
#boxroundCorner{
background-image:url(img/2.jpg);
height: 100px;
width: 60px;
border: 1px solid #999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
behavior: url(js/PIE.htc);
}
ie8中浏览效果