ie8,ie7div圆角设置

最新推荐文章于 2021-06-18 12:36:42 发布
最新推荐文章于 2021-06-18 12:36:42 发布
阅读量723 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： web前端 文章标签： ie8 ie7圆角
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hellenicguo/article/details/39078077
本文介绍如何使用PIE.htc使IE6至IE8浏览器支持CSS3圆角特性。当z-index值过高或使用position:absolute时，可能会导致圆角无法正常显示；此时可通过减小z-index值或将position属性改为relative来解决问题。

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

PIE.htc引用让IE6~E8支持CSS3 

但是如果你的z-index过高和position:absolute，圆角就有可能不会出现，这时候将你的z-index设置小一点，修改position属性为relative就会出现圆角
css3 支持ie8以下圆角
09-17
DIVCSS5圆角实例 CSS3版本圆角实例， 支持低版本IE6-IE9浏览器
div圆角兼容ie8
11-03
在网页设计中，"div圆角兼容ie8"是一个关键的话题，涉及到CSS3中的圆角属性在老版本Internet Explorer（尤其是IE8）上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本，它并不完全支持CSS3的新特性，比如...
ie7 解决圆角，阴影问题
baodaotui4761的博客
09-10 319
html <div class="pie"></div> css .pie{ width: 200px; height: 100px; line-height: 100px; font-size:14px; border: 1px solid #669966; -we...
css兼容ie8的圆角
lingFei_y的博客
11-03 1146
大家好，我是凌飞！ 前端时间我写前端页面是，需要兼容ie8，但是在ie8 上css3的border-radius边框圆角就会失效，在网上找了很多的资料最后才找到。 为了防止有这类问题的朋友们不用那么大费周章去找我来分享下，如果那里是问题请及时交流。主要是使用了插件，挺好用的！ 插件的获取方式：链接：http://pan.baidu.com/s/1bpwFv9X 密码：lks6 如果链接失效
IE7,IE8浏览器纯CSS实现正圆角效果
qq_38184559的博客
08-31 1288
一、关于IE7, IE8不支持CSS3 border-radius CSS3 border-radius可以轻易实现圆还有圆角效果，然而，需要IE9+浏览器才行。移动端自然不成问题，但是众多（尤其面向C侧）PC页面是至少需要兼容IE8的，那有没有什么办法可以让IE7, IE8也支持圆角呢？ 很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角，是10年7月份写的一篇“
为 IE7、IE8 增加圆角支持的 jQuery 插件：jQuery Corner
一个菜鸟的学习之路
01-07 1511
圆角在网页设计中比较常见，但是却让前端很苦恼。在过去的时候，做一个圆角效果往往需要将圆角图片切出，然后通过背景等实现效果。而在现在，CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角，十分强大，于是大家都开始使用 border-radius 的方式做圆角。 但是在国内早期 IE 浏览器仍然盛行的时期，为了考虑到大多数用户，我们不得不通过一些插件之类的来实现圆角， j
DIV+CSS IE圆角
09-20
然而，早期版本的Internet Explorer（尤其是IE6、IE7和IE8）并不支持CSS3的一些高级特性，比如圆角。这就意味着在这些浏览器中，我们无法直接使用CSS来创建圆角效果。"DIV+CSS IE圆角"这个主题就是针对这个问题，...
实现div圆角在IE8下的兼容性方法
接下来，我们将详细介绍在IE8中实现div圆角兼容性的相关知识点。 ### 圆角兼容性问题 现代Web开发中，CSS3是最常用到的技术之一，它提供了一套简单的规则来实现圆角效果，使用的是`border-radius`属性。例如： ``...
让IE6、IE7、IE8支持CSS3的圆角、阴影样式
05-22
在早期的Internet Explorer浏览器，即IE6、IE7和IE8，它们并不支持CSS3的一些新特性，如圆角和阴影效果。这些特性在现代浏览器中已经非常常见，可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...
IE8 以下浏览器实现圆角div样式
baidu_29385797的博客
09-10 944
.yuan { border: 2px solid #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: relative; ...
支持IE6,IE7,IE8矩形圆角的实例
03-13
支持IE6,IE7,IE8矩形圆角的实例
html中圆角要支持ie7,让IE6、IE7、IE8 支持CSS 3圆角属性的方法(转)
weixin_39843078的博客
06-18 286
如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多种，(让IE浏览器支持HTML5标准的方法)...
ie8及其以下版本兼容性问题之圆角
yishuihan_001的博客
06-21 5266
ie8及其以下版本兼容性问题之圆角
IE8_圆角与透明
PhperX的博客
12-13 235
IE_8圆角与透明问题 圆角：两种方法： 1.插件，百度一下全都是推荐插件的，iecss3.htc、PIE.htc。都是这两个插件。（我没用插件，具体方法百度很多） 2.换背景图，自己PS好带圆角的图片，放上去。（我就是扣了一张纯色的背景图） 透明： IE有自己单独识别的调整透明的css属性： filter:Alpha(opacity=20) 数值就是透明度0-100 IE8不识别 bac...
IE7/IE8实现css圆角效果
前端小菜
10-11 3689
HTML代码：         赵幸培 css代码： *{ margin:0; padding:0; } .zxp{ width:100px; height:100px; line-height:100px; position:relative; overflow:hidden; } .z-radius{ position:absolu
用css在IE7、8上实现圆角
weixin_30606461的博客
08-03 200
一、前段时间做了一个有网页里面有圆角的效果，使用的是border-radius：50%，但是检测兼容时发现在IE7/8等远古版本不支持border-radius的百分比显示，无奈只能用图片替换了。 但是作为一个前端，能用css解决的图片，都应该用css解决 二、使用css兼容IE7/8实现圆角效果 因为border-radius在IE7/8不支持百分比显示，所以我们只能使用另...
css实现圆角div
来了，看看吧...
09-27 1824
原理： 效果图： 代码： 圆角div #all { width:600px; height:200px; } b { display:block; margin:0 auto; overflow:hidden; border-left:1px solid red; border-right:1px solid red; height:1px; backgro
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值