css border-radius兼容ie8

最新推荐文章于 2021-08-03 23:24:32 发布
最新推荐文章于 2021-08-03 23:24:32 发布
阅读量470 收藏 1
点赞数
分类专栏： css3 文章标签： css3 ie html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zzaixiao/article/details/109221425
版权
本文介绍了IE8浏览器对CSS3属性如border-radius、box-shadow和linear-gradient的不兼容性，并提供了一个解决方案——使用CSS3 PIE。通过下载PIE.htc文件并正确引用，可以解决IE8对CSS3边框圆角的支持问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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
最低0.47元/天 解锁文章
border-radius兼容ie78
12-25
css3的 border-radius 为了兼容ie8浏览器所用到的插件以及实例。为什么要50个字节啊，竟然不能设置成免费。。
border-radius IE8兼容处理的方法
11-21
PIE.htc 是一个行为（behavior）文件，它可以模拟CSS3的某些特性，包括`border-radius`，在IE8这样的老版本浏览器中实现这些效果。在HTML文件的`<head>`部分，我们需要引入`<meta>`标签来指定`X-UA-Compatible`，并...
border-radius 兼容 IE8浏览器
祈澈菇凉
06-01 1008
我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件 PIE.HTC下载地址：http://css3pie...
css borderradius ie8,border-radius IE8兼容处理方法介绍
weixin_31708613的博客
08-03 229
根据canisue(http://caniuse.com/#search=border-radius)，border-radius兼容性如下图所示：测试代码：* {margin: 0;padding: 0;}#header {width: 400px;height: 400px;margin: 10px;border-radius: 10px;border: 1px solid red;}IE8浏...
border-radius IE8兼容处理
有问题可关注公众号：前端研究院 后台输入问题回复
10-09 2306
根据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=...
浅析border-radius如何兼容IE
09-28
<title>border-radius兼容IE .d1 { width: 5em; height: 5em; background: #e4393c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(ie-css3.htc); } ...
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
09-25
然而，对于不支持这些前缀的浏览器（如IE和360浏览器），即使保留这些属性，也不会产生任何负面影响，因为它们遵循CSS3的标准属性`border-radius`。 `border-radius`属性可以接受一个到四个值，分别代表左上角、右...
border-radius、box-shadow兼容IE8
jiang_fulai的博客
04-19 3928
border-radius、box-shadow兼容IE8border-radiusbox-shadow兼容IE8 属性兼容情况 IE8对于该属性的显示问题 解决方法 IE8显示结果属性兼容情况 由于border-radius、box-shadow这两个属性属于css3属性，并且要求IE9及以上版本，面对公司要求兼容到IE8版本，目前使用当前方法可以完美支持。 border-ra
border-radius如何兼容IE
weixin_34174422的博客
04-19 168
目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。 解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc); ie-css3.htc问价下载地址：http://pan.baidu.com/s/1hsGt8e4 &lt;!DOCTYPE html&gt; &l...
IE8兼容border-radius.
01-24 151
　　我们知道，CSS3新增的很多简洁优美的属性，比如border-radius、box-shadow、border-image、gradients、RGBA...因为这些属性的出现，我们可以很方便的就写会很多好看的页面。但是，IE8对于CSS3的属性来说是个坎，IE8及其以下不支持CSS3属性。因此，我们需要去兼容它。下面就来说下如何兼容border-radius： 　 提示：be...
IE8 兼容 border-radius 属性方案
凝弧
06-07 6215
1. IE利用VML矢量可标记语言作为画笔绘出圆角 IE8及一下不支持 border-radius属性，如果要想在IE浏览器中实现圆角的效果 1. IE利用VML矢量可标记语言作为画笔绘出圆角 .main{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; bo...
关于box-shadow、border-radius不兼容ie8的解决办法
u013561722的专栏
01-25 860
本来从css3兼容ie9+挺好的，可是总有一些共识要求ie8+,于是就有了我们的苦逼的找解决办法。之前在网上查到一些说用 PIE.htc 先说 box-shadow: &lt;style&gt; .div{ width:500px; height:200px; border: 1px solid #eaeaea; behavior: url(pie.htc);   -moz-bo...
【转载+整理】IE-CSS3 – 让 IE6,7,8 支持CSS3中的圆角、阴影
ManGo0317的专栏
04-21 343
大家知道IE 6,7,8不支持CSS3中新加属性，老外写了一个htc，可以让IE 6,7,8模拟部分的CSS3属性,包括：border-radius（圆角），box-shadow（阴影），text-shadow（文本阴影）   IE-CSS3 是个能令 Internet Explorer 不完整地支持几个常用的 CSS3 属性的小 script。它利用了 Internet Explor...
ie8兼容border-radius方法
weixin_30553065的博客
03-23 93
<!doctype html><html> <head> <meta charset="utf-8" /> </head> <title></title> <style> .border{width: 100px; height: 100px; bor...
css borderradius ie8,border-radius IE8兼容处理的方法
weixin_30921373的博客
08-03 335
测试代码：* {margin: 0;padding: 0;}#header {width: 400px;height: 400px;margin: 10px;border-radius: 10px;border: 1px solid red;}IE8浏览器效果：border-radius在IE8浏览器兼容方案：* {margin: 0;padding: 0;}#header {width: 400...
让ie7，ie8支持border-radius
wxq981795514的博客
08-20 3648
， 就支持了，上网查了一下，指的是，在用ie浏览时，使用chrome内核，如果没有安装chrome，则使用支持的最高版本的ie内核，所以看起来好像是支持圆角了，其实是假装的啊。。。。 来源：http://www.w3cfuns.com/article-5597472-1-1.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值