IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢?
一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高。
另外一种是百度了一下,发现有个开源的插件可以解决此问题:http://css3pie.com/
使用方法很简单,下载了之后直接引用.htc文件即可。
附:
htc = HTML Component,应该是IE独有的,支持自定义行为
相关推荐
让IE6、IE7、IE8支持CSS3的圆角、阴影样式.
iecss3.htc css3圆角支持文件
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
解决IE不兼容css3圆角和阴影问题
DIVCSS5圆角实例 CSS3版本圆角实例, 支持低版本IE6-IE9浏览器
支持IE页面输入框圆角,完美解决。记得阅读里面的文档帮助
让ie6 /7支持css3 如border-radius等特性的插件
selectivizr让IE6-9获得css3的选择器之外,或获得了圆角、阴影、渐变色资源等css3属性的支持
解决css3圆角特性不兼容ie6,ie7,ie8等问题,让ie9一下版本完美兼容css3圆角。实现非常简单
css3.htc 兼容IE8圆角 需引入的文件 css3.htc 兼容IE8圆角 需引入的文件 css3.htc 兼容IE8圆角 需引入的文件
使得IE支持CSS3 圆角阴影 渐变
我们都知道IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持 CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……
本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍...
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性,如何解决这个问题呢?百度了一下,发现有个开源的插件可以解决此问题
CSS3完美支持IE圆角阴影样式是一款基于jquery css3实现的圆角样式代码。
让IE浏览器支持CSS3圆角属性的方法.docx
DIV+CSS IE圆角,让IE也能支持圆角
div css圆角代码各种圆角表格_圆角边框css圆角
但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。 CSS3 有很多很强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等。 因为IE6时代,没有什么标准,而因为各种原因,IE6用户...