`
darepanhf
  • 浏览: 5807 次
  • 性别: Icon_minigender_2
  • 来自: 南京
社区版块
存档分类
最新评论

IE浏览器如何支持圆角

    博客分类:
  • CSS3
 
阅读更多

 

.radius{
width: 100px;
height: 100px;
background-color: #ff0;
border: 5px solid #000;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius:30px;
border-radius: 30px;
}

 

 

 

以上代码在IE中是不支持圆角属性的,为了使IE下也能显示圆角效果,只需在代码中添加behavior: url(ie-css3.htc); 即可,如图:1

分享到:
评论

相关推荐

    解决IE浏览器图片圆角

    在这个时代,CSS3已经提供了圆角边框的解决方案,但对于那些仍然需要支持老版本IE浏览器的项目来说,就需要采用一些特殊的技术来模拟圆角效果。 在描述中提到的"解决在IE6-IE8浏览器图片的圆角问题",这暗示我们...

    圆角支持所有的IE浏览器

    这是让所有的IE浏览器都兼容CSS3特性的一个完整案例,为了大家方便学习特此提供,相关的文章的地址是 http://blog.csdn.net/lxcao/article/details/53192287,欢迎大家学习和下载!

    ie6 7 支持css3 圆角

    在标题"ie6 7 支持css3 圆角"中,提到的问题是如何在这些老版本的IE浏览器中实现CSS3的圆角效果。 描述中提到的是一种解决方案,即使用插件来实现这一目标。这种插件通常是一个JavaScript或HTC(HTML组件)文件,...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    为了让这些老版本的IE浏览器也能实现类似的视觉效果,开发者们开发了一些技巧和解决方案。下面我们将详细探讨如何让这些旧版IE支持CSS3的圆角和阴影样式。 首先,让我们来了解CSS3中的圆角和阴影效果。在CSS3中,`...

    ie完美兼容css3圆角

    除了PIE库,还可以使用其他技术,如使用图片背景或VML(Vector Markup Language),这是一种IE浏览器支持的矢量图形格式。通过创建圆形图像或使用VML绘制圆角,然后将其作为元素的背景,也可以实现类似的效果。不过...

    ie js实现圆角

    在网页设计中,实现圆角效果是常见的需求,但在早期的IE浏览器中,由于CSS3标准的支持不足,单纯使用CSS无法很好地实现这一效果。本文将详细介绍如何使用JavaScript(包括jQuery库)来解决IE浏览器的圆角问题。 ...

    css3 支持ie8以下圆角

    综上所述,实现CSS3圆角边框在低版本IE浏览器中的兼容性是一项技术挑战,但通过CSS3 PIE等工具,我们可以优雅地解决这个问题,为用户提供一致的视觉体验。在实际开发中,要兼顾性能和兼容性,确保所有用户都能享受到...

    DIV+CSS IE圆角

    "DIV+CSS IE圆角"这个主题就是针对这个问题,探讨如何使IE浏览器也能支持圆角效果。 在CSS3中,`border-radius`属性是实现圆角的关键,它可以为元素的四个角落设置不同的圆角半径。例如: ```css .box { border-...

    iecss3.htc支持输入框圆角

    另外,虽然“iecss3.htc”在一定程度上解决了IE浏览器的圆角问题,但它的性能可能不如现代浏览器原生支持的CSS3那样高效。而且,随着浏览器的更新迭代,现在的主流浏览器已经广泛支持CSS3,因此对于新项目,我们更...

    让IE兼容css3圆角

     本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍...

    支持IE6,IE7,IE8矩形圆角的实例

    然而,开发者们通过一些技巧来模拟圆角效果,使得这些旧版IE浏览器也能呈现出类似的效果。本实例将详细介绍如何在这些版本的IE中实现矩形圆角。 首先,我们需要了解CSS3中的`border-radius`属性,这是用于设置元素...

    CSS3完美支持IE圆角阴影样式.zip

    总的来说,CSS3的圆角和阴影效果极大地提升了网页设计的美观度,而jQuery等JavaScript库则帮助我们在不支持这些新特性的老版本IE浏览器上实现了兼容。通过合理的代码编写和适当的插件应用,我们可以确保即使在较旧的...

    IE6等各种浏览器兼容圆角

    `ie-css3.htc`是一个行为(Behavior)文件,它可以让IE浏览器理解某些非标准的CSS属性。将`behavior: url(ie-css3.htc);`添加到CSS样式中,可以为IE6和IE7提供圆角支持。然而,这种方法也有局限性,例如文件大小...

    引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果

    它的主要目标是为那些不支持CSS3特性的IE浏览器提供后向兼容性。`.htc`文件本质上是一个行为(Behavior)文件,它可以被CSS链接到特定的元素上,使得这些元素能够识别并执行其中的脚本,从而模拟出CSS3的圆角效果。 ...

    IE下实现text框圆角显示

    在IE浏览器下实现文本框(`input[type="text"]`)的圆角显示是一个常见的前端挑战,因为早期的IE版本不支持CSS3的`border-radius`属性。在本篇文章中,我们将深入探讨如何通过各种技术手段来解决这个问题,使得...

    解决IE不兼容css3圆角和阴影问题

    本文将深入探讨如何解决IE浏览器对CSS3圆角和阴影的不兼容性问题。 首先,我们来理解CSS3中的圆角和阴影特性。圆角可以通过`border-radius`属性实现,它允许我们将直角边框转变为平滑的曲线边缘,为元素添加更为...

    圆角图片js corner.js 支持IE9

    然而,在处理那些需要兼容老版本IE浏览器的旧项目时,"corner.js"依然是一把利器。 此外,提及到"还有其它的东西,大家可以去他的官网看看",这表明"corner.js"可能并非孤立存在的,其背后可能有一个包含其他实用...

    PIE(支持IE6及其他浏览器圆角)

    PIE(CSS3 Pie)是一个JavaScript和CSS的解决方案,专门用于解决这个问题,使IE6及更高版本的IE浏览器能够支持圆角效果。 PIE全称为" Positioned Image Extensions",它利用VML(Vector Markup Language)技术来...

Global site tag (gtag.js) - Google Analytics