ie浏览器对border-radius属性的支持小结

最新推荐文章于 2021-04-06 15:01:54 发布
最新推荐文章于 2021-04-06 15:01:54 发布
阅读量8.2k 收藏 2
点赞数 2
分类专栏： 前端开发 文章标签： border-radius ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shijunjoy/article/details/17837399
版权

1. ie10,ie9支持border-radius属性

2.ie10兼容性视图，ie8,ie7,ie6,不支持border-radius属性


对于不支持圆角属性的ie浏览器，可以通过引入ie-css3.htc或PIE.htc文件来解决该问题。

在CSS文件中引入ie-css3.htc时，当用ie9浏览器打开时，网页中会提示如下问题“0x800a138f - JavaScript 运行时错误: 无法获取未定义或 null 引用的属性“push””，或者在网页中定义圆角的标签消失。在其它版本的浏览中无此问题。

在CSS文件中引入PIE.htc文件时没有这样的问题。用哪个版本浏览器都能正常显示

孙悟空空
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ie8浏览器html圆角问题,css3 border-radius不支持IE8/IE7的四种解决方法
weixin_42513616的博客
06-08 607
border-radius是css3的属性，因此比较早的浏览器是不会支持该属性的，如何才能实现border-radius兼容老版本的浏览器呢？第一种方法：ie-css3.htc我们可以使用网上提供的一个插件来解决这个问题。第一步：下载.htc文件：下载第二步：使用behavior通知浏览器调用脚本，代码如下：box {-moz-border-radius: 15px; /* Firefox */-...
让IE6、IE7、IE8支持CSS3的圆角、阴影样式
weixin_43896021的博客
12-08 467
IE10支持CSS3的圆角、阴影样式，IE完美解决border-radius
border-radius 兼容 IE8浏览器
前端视听
06-02 452
我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件 PIE.HTC下载地址：http://css3pie.com/download-latest-1.x 下载完成之后，将PIE.js文件引入 <script s
ie8实现border-radius(box-shadow)的效果
笑到世界都狼狈的博客
08-06 830
项目中要求兼容ie8，但是border-radius并不兼容ie8，那么要怎样做到兼容呢？我在网上百度了解到一种方法是可以兼容ie8圆角的，所以就记录下来，方便以后的使用(box-shadow同样有用) 首先，看一下我们平时是怎么写圆角的 如上图所示，ie8里的效果并不是我们想要的，我们希望ie8里面显示的也是个圆，所以这个时候主要就出来了。。。。 1.首先下载PIE.htc,下载地址h...
border-radius兼容ie78
12-25
css3的 border-radius 为了兼容ie8浏览器所用到的插件以及实例。为什么要50个字节啊，竟然不能设置成免费。。
border-radius IE8兼容处理
有问题可关注公众号：前端研究院 后台输入问题回复
10-09 2266
根据canisue（http://caniuse.com/#search=border-radius），border-radius兼容性如下图所示： 测试代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv=...
css - 关于IE8 不支持 border-radius 属性问题（圆角）的解决方法
sunshime的博客
04-06 1075
  最近在做几个pc端的页面的时候涉及到了各种浏览器的兼容问题，这里总结一下关于IE8 不支持 border-radius 属性问题（圆角）的解决方法。 一、问题：IE8 不支持 border-radius 属性问题（圆角）   二、解决方法   使用 css pie.htc 就可以解决了。具体如下： /* 在css样式中引入 PIE.htc 文件 */ behavior: url(css/PIE.htc); border-radius: 50%; ps：PIE.htc文件可以直接去网页上下载
CSS3中border-radius属性设定圆角的使用技巧
01-21
border-radius CSS3中的代表——第一个在社区中得到广泛使用新属性。这意味着，除去Internet Explorer 8及更低版本，所有的浏览器可以显示圆角。为了使样式能正确应用，需要为Webkit和Mozilla内核添加前缀。 CSS ...
css3 border-radius属性详解
12-09
有什么用？... border-radius: 50%; } 上述50%就是说设置各边圆角都为50%。 那么如何画个半圆？ 如下，把宽度设置为高度的两倍。 #demo2 { width:100px; height:50px; background:green; bo
IE系列不支持CSS的圆角border-radius等属性的解决方案
01-21
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种...
CSS3使用border-radius属性制作圆角
09-25
本篇文章将深入探讨CSS3的border-radius属性，以及如何通过它来制作圆角效果。 首先，border-radius属性允许我们设置元素边框的四个角落的半径，从而创建圆形或椭圆形的角。它的语法结构如下： ```css border-...
浅析border-radius如何兼容IE
09-28
总的来说，`border-radius`在IE浏览器的兼容性问题可以通过引入`ie-css3.htc`文件和使用前缀属性来解决。然而，随着技术的发展，这种兼容方式逐渐被弃用，建议优先优化现代浏览器的体验，对于旧版IE用户，可以提供...
border-radius兼容性问题
wy_Blog的博客
03-12 6198
IE浏览器： 1. ie10,ie9支持border-radius属性 2.ie10兼容性视图，ie8,ie7,ie6,不支持border-radius属性 对于不支持圆角属性的ie浏览器，可以通过引入ie-CSS3.htc或PIE.htc文件来解决该问题。 在CSS文件中引入ie-css3.htc时，当用ie9浏览器打开时，网页中会提示如下问题“0x800a1
IE8兼容border-radius
热门推荐
wanglufei_1992的博客
07-13 1万+
最近在写PC端活动页面，UI给的设计稿里边有大量的圆角。咨询过做PC端的同事，说只能兼容到IE9。但是心里不甘心，于是在网上找到了PIE.htc文件。发现它能完美兼容IE8。在这里我把代码步骤给大家罗列一下。 1.下载PIE.htc文件。放到任意位置，前提是你引用的时候可以找得到。 2.给需要设置圆角的元素添加样式： position:relative; z-index:2;
border-radius在IE8浏览器兼容方案
lss0555的博客
01-11 661
问题现象 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/titl
css border-radius兼容ie8
zzaixiao的博客
10-22 432
ie8不兼容 css3 查询兼容性链接：（https://caniuse.com/） 如常用的border-radius，box-shadow, linear-gradient 在ie8中没有效果 可以用pie解决ie8不兼容css3的问题 pie下载链接：（http://css3pie.com/） 使用方法： <div class="test-box"> test content </div> .test-box{ margin: 30px; width: 120px
border-radius属性布局
最新发布
07-27
border-radius属性是用于设置元素边框的圆角...此外，border-radius属性还支持百分比值，可以根据父元素的尺寸来设置圆角半径。 使用border-radius属性可以实现各种不同的圆角布局效果，使元素更加美观和有吸引力。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值