侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

CSS3圆角兼容性问题

2024-05-08 星期三 / 0 评论 / 0 点赞 / 56 阅读 / 1387 字

IE8本身不支持css3的插件,通过css3 PIE可让ie8支持部分css3的插件 css3 pie支持部分的css3特效,比如:圆角,块阴影等。 以下是在ie8浏览其中实现圆角背景图片的实例 首先

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*/

 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);  }

注意:如果用上面的办法,不能显示出,而且背景颜色会没有,就加两个属性:

position:relative;或者z-index:2

 

广告 广告

评论区