针对处理ie不支持css3圆角属性（ie8不支持border-radius）

最新推荐文章于 2021-12-21 17:47:12 发布
最新推荐文章于 2021-12-21 17:47:12 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端问题 文章标签： 画圆 border-radius 兼容ie8
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wulongren520qian/article/details/84287069
版权

之前查询网上资料尝试了一下

这种方式PIE文件要和html在一个目录下

这种就不行

当然这种实现是有点不好，所以我使用

PIE.htc文件可以删除（不需要），这里的关键是js部分和判断注解（这个注解在ie8就可以执行其中的代码）

实现

wulongren520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决IE8及以下版本css3圆角不能显示的问题
duoduo_qiu的专栏
01-21 4691
以前实现圆角都是用图片，这样一来不仅增加了页面加载时间，如果要自适应宽度和高度就要再用上滑动门技术，这样有时候要加上很多多余的和无语义的标签，就算为了html代码的简洁然后用js来实现，也要很多多余的代码，很麻烦。而且圆角的背景、颜色也很难改变，很多时候都要改变图片。 如果用css3就很容易了，只要在css中加上几行代码，如下所示： .site-subNav {      borde
css兼容性ie5/6/7/8的圆角
☆╮123☆
08-08 751
转载来自：http://www.jb51.net/css/78107.html border-radius 圆角 .radius{ border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border-radius:
IE兼容/IE5兼容踩过的坑
小谭鸡米花的博客
12-21 3652
IE5的兼容 没想到吧，这年头还有人用IE5呢，但是没办法，有些毕竟老的机构开发的系统比较早，那时候写的是IE5的内核，到现在需要增加一些小功能，所以需要兼容IE5。好了，废话不多说，下面小谭把我用的能够兼容IE5的插件以及踩过的坑给大家总结一下...
前端4-2-4：border-radius、盒模型、enctype属性、触发repaint
Yummy的博客
04-02 499
1、关于html的盒模型，下列说法正确的是（） A、margin是内边距 B、padding是外边距 C、border是边框 D、border-radius是css3标准，因此IE并不支持border-radius属性 【解析】 A：margin是内边距 错误：margin是外边距 B：padding是外边距 错误：padding是内边距 C：border是边框 正确 D：border-radius是css3标准，因此IE并不支持border-radius属性 错误 如下图所示，从ie9.
解决IE8下不支持border-radius的问题
热门推荐
冰雪为融的博客
09-23 1万+
最近做了一个项目，是让兼容IE8浏览器的，遇到了IE8不支持border-radius和box-shadow的问题，在网上找了解决方案，主要是借助于PIE.htc，具体的过程，发一个写的比较好的文章(看连接文章之后，如果您还没有解决问题，建议回过头来看看我下面的注意事项，否则可能有坑哦，绝对是善意的提醒，本人就是从坑中爬了好久才爬出来的) https://blog.csdn.net/jiang_...
IE系列不支持CSS的圆角border-radius等属性的解决方案
01-21
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种...
CSS3中border-radius属性设定圆角的使用技巧
01-21
border-radius CSS3中的代表——第一个在社区中得到广泛使用新属性。这意味着，除去Internet Explorer 8及更低版本，所有的浏览器可以显示圆角。为了使样式能正确应用，需要为Webkit和Mozilla内核添加前缀。 CSS ...
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
08-18
虽然PIE.htc对于兼容旧版IE浏览器起到了重要作用，但它也有一定的局限性，例如性能问题、不支持动态改变样式以及对某些CSS3属性的支持不足等。随着浏览器的更新换代，现在大部分用户都已经升级到支持CSS3的浏览器，...
CSS3使用border-radius属性制作圆角
09-25
本篇文章将深入探讨CSS3的border-radius属性，以及如何通过它来制作圆角效果。 首先，border-radius属性允许我们设置元素边框的四个角落的半径，从而创建圆形或椭圆形的角。它的语法结构如下： ```css border-...
css3 支持ie8以下圆角
09-17
DIVCSS5圆角实例 CSS3版本圆角实例， 支持低版本IE6-IE9浏览器
IE浏览器兼容CSS3新属性border-radius
生命不息，学习不止！
03-21 1万+
使用PIE对IE进行CSS3兼容介绍及渲染 重要功能实现：   可以使 IE6、7、8 、9 实现类似 chrome 和 firefox  1.  更自然逼真的阴影效果，不再是以前那种丑陋的滤镜效果。  2.  实现很自然的圆角效果  3.  实现部分 CSS3  的强悍效果，如 多背景图，border-image，更强的背景渐变效果。  4.  png 图片透明效果    使
ie8如何兼容css3的圆角属性
m0_37400258的博客
02-17 1万+
刚入门，要兼容ie8，实现css3的一些效果，百度一番，得到的答案是用pie.css ； 首先pie.css有2个版本，使用方法也不一样，官网http://css3pie.com/的documentation对2个版本的js写法有具体介绍，我用的版本1，要实现ie8圆角属性的兼容； 下载好版本一，里面会有一个PIE.htc,还有一个PIE.js(主要用这2个文件)，我放到pie文件下的，然后代码
ie8浏览器html圆角问题,css3 border-radius不支持IE8/IE7的四种解决方法
weixin_42513616的博客
06-08 609
border-radius是css3的属性，因此比较早的浏览器是不会支持该属性的，如何才能实现border-radius兼容老版本的浏览器呢？第一种方法：ie-css3.htc我们可以使用网上提供的一个插件来解决这个问题。第一步：下载.htc文件：下载第二步：使用behavior通知浏览器调用脚本，代码如下：box {-moz-border-radius: 15px; /* Firefox */-...
巧用border属性兼容ie8圆角问题
Spirit9527的博客
04-13 4327
1.border-radius可以实现css中的圆角样式，但不支持IE8及以下版本 2.border属性有三个参数：宽度   、样式、   颜色； 3.而其中样式又包括三种： solid（实线）、 dotted （点划线）、  dashed（虚线）； 4.IE中dotted(点划线)和其他浏览器的不一样，放大了看是圆，现在读到这是不是应该有想法了； 5.实例代码： style> .b
IE系列不支持圆角等CSS3属性的解决方案
silentime的专栏
07-23 147
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？   一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。   另外一种是百度了一下，发现有个开源的插件可以解决此问题：http:/...
css - 关于IE8 不支持 border-radius 属性问题（圆角）的解决方法
sunshime的博客
04-06 1078
  最近在做几个pc端的页面的时候涉及到了各种浏览器的兼容问题，这里总结一下关于IE8 不支持 border-radius 属性问题（圆角）的解决方法。 一、问题：IE8 不支持 border-radius 属性问题（圆角）   二、解决方法   使用 css pie.htc 就可以解决了。具体如下： /* 在css样式中引入 PIE.htc 文件 */ behavior: url(css/PIE.htc); border-radius: 50%; ps：PIE.htc文件可以直接去网页上下载
IE低版本浏览器支持CSS3属性（圆角、阴影、渐变等）（CSS3 PIE）
Rey
04-26 4003
IE8以及更早的版本不支持CSS3的一些新属性，本文主要是通过CSS3 PIE这个插件让IE支持CSS3，例如我们常用到的圆角(border-radius)，盒阴影(box-shadow)，背景渐变(gradient)，多图片背景(multiple background images)等一些新属性。
css border-radius 圆角内翻
最新发布
05-08
CSS的`border-radius`属性可以用来设置圆角，而圆角内翻则是一种特殊的效果。它可以通过设置`border-radius`和`box-shadow`属性来实现。具体做法如下： 首先，设置一个带圆角的容器： ```css .container { width:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值