`

IE浏览器支持CSS3属性(圆角、阴影、渐变)

阅读更多

            我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。都目前为止,有不少可以让IE支持部分CSS3属性的工具。例如:

           【1】Drew Diller的 DD_roundies,这是一个基于IE VML实现一些CSS3效果的。

DD_roundies下载地址:

DD_roundies.js:http://pan.baidu.com/s/1o68wluE

DD_roundies.min.js:http://pan.baidu.com/s/1jGqTwI6

 

<!DOCTYPE HTML>
<html>
<head>
<title>http://www.manongjc.com/article/1214.html</title>
<script src="DD_roundies.js"></script>
</head>
<body>
<div class="test" style="background-image:url(2.jpg);width:88px;height:106px;">
</div>
<img src="2.jpg" alt="" class="test"/>
<script type="text/javascript">
        DD_roundies.addRule('.test', '10px 10px', true);
</script>
</body>
</html>
 

 

           【2】 Dean Edwards的IE7.js (以及 IE8.js, IE9.js)

这个玩意估计是试图让IE支持CSS3属性的鼻祖,还算蛮强大,就是性能开销较大,要解析很多文件脚本,给DOM添加大量的元素以及ClassName。

           【3】ie-css3.htc

我们可以使用网上提供的一个插件来解决这个问题这个我在文章http://570109268.iteye.com/blog/2407664里做了总结。

           【4】Remiz Rahnas的border-radius.htc

此方法使用htc文件,配合VML实现,缺点在于不能自动适应目标元素的位置和大小,所以不能适用于动态脚本环境。

           【5】Keith Clark的ie-css3.js

这是个与IE7.js类似的项目,其选择器可借助其他JavaScript库,所以其本身较小。

            【6】zoltandulac的cssSandpaper

关于此方法,我在“cssSandpaper-兼容IE的CSS3 JavaScript库”一文中有过介绍,这是一个使用IE滤镜实现一些CSS3属性的方法。这里就不再具体展开了。

 

 

 

 

.

分享到:
评论

相关推荐

    CSS3实现圆角阴影渐变效果兼容IE等浏览器

    需要注意的是,滤镜语法不仅限于阴影,还可以实现其他效果,但其性能和灵活性都不如现代的CSS3属性。 最后,我们来谈谈CSS3的渐变。渐变分为线性渐变和径向渐变。例如,一个简单的线性渐变可以这样定义: ```css ....

    ie8兼容html5 css3圆角阴影渐变placeholder等属性

    - CSS3 PIE:这是一个流行的JavaScript库,通过VML(Vector Markup Language)技术为旧版IE浏览器提供对CSS3边框半径、圆角、阴影等特性的支持。 - Modernizr:这是一个JavaScript库,用于检测浏览器对HTML5和CSS3...

    iecss3.htc支持输入框圆角

    同时,文档也可能包含一些常见问题的解决方案和注意事项,如防止CSS选择器冲突,以及如何与其他CSS3属性(如阴影、渐变等)一起使用。 总的来说,"iecss3.htc"是一个针对旧版IE浏览器实现CSS3圆角的兼容性解决方案...

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

    VML是一种基于XML的矢量图形描述语言,由微软开发,主要用于在IE浏览器中创建和显示矢量图形。由于CSS3中的圆角、阴影等效果在这些旧版IE中不可用,开发者可以通过JavaScript库和特定的CSS hack来利用VML实现类似的...

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

    在IE中实现CSS3特效时,jQuery可以作为辅助工具,通过动态修改CSS属性来模拟圆角和阴影效果,尤其在不支持CSS3的旧版本IE中。 5. **HTML5新特性** 虽然主题主要涉及CSS3,但HTML5的一些新元素和API也与之密切相关...

    ie支持css3部分功能

    本文将详细探讨如何使IE支持CSS3的部分功能,包括阴影背景效果、圆角效果和渐变背景效果,并介绍一个名为PIE的工具。 首先,让我们关注阴影效果。CSS3中的box-shadow属性允许开发者为元素添加阴影,提升其立体感。...

    ie-css3.htc 免费版

    《IE浏览器支持CSS3属性:ie-css3.htc详解》 在互联网技术发展的历程中,CSS3作为一种强大的样式表语言,极大地丰富了网页设计的可能性,提供了诸如圆角、阴影、渐变等美观效果。然而,早期版本的Internet Explorer...

    ie兼容Css3属性

    "ie兼容Css3属性"这一主题主要关注如何使IE浏览器支持那些原本不被其完全支持的CSS3特性。 PIE,全称为“Position: absolute; !important; Expression;”,是一个JavaScript和VBScript混合的解决方案,主要用于解决...

    让 IE6, 7和 8支持CSS3

    在本例中,它可能是用来模拟或实现某些CSS3属性,如边框阴影、渐变、圆角等。 总结起来,这个话题涉及到的关键知识点有: 1. **CSS3兼容性问题**:理解不同版本的IE浏览器对CSS3特性支持的局限性。 2. **HTC...

    让ie也支持css3

    这个文件通常包含一些JavaScript代码,用于实现IE不支持的CSS3特性,如渐变、阴影、圆角等。 2. **定义CSS类名**:在CSS文件中定义一个公用的类,如`.css3-enabled`。 3. **编写行为规则**:为这个公用类添加`...

    ie 6 ie7 ie8 支持css3

    PIE( Positioned Image Effects )是由HTC(HTML Component)文件组成的JavaScript库,它可以解析CSS3中的某些边框和背景效果,比如圆角、阴影、渐变等,并在不支持这些特性的IE浏览器上模拟出来。HTC文件是一种...

    ie-css3(让ie6 ie7 ue8支持css3).rar

    标题中的“ie-css3(让ie6 ie7 ue8支持css3).rar”指的是一个针对Internet Explorer(IE)浏览器的解决方案,尤其是版本6、7和8,这些版本...随着IE浏览器逐渐被淘汰,关注现代浏览器和符合标准的Web开发实践更为重要。

    高光圆角阴影效果

    对于老版本的IE浏览器,可能需要使用特定的CSS Hack或者JavaScript库(如Modernizr)来实现类似的效果。同时,为了保持性能,避免过度使用复杂的阴影和渐变,尤其是当元素数量较大时。 在名为"glossy"的压缩包文件...

    圆角用资源

    `ie-css3.htc`则可能是另一个类似的解决方案,可能是由不同的开发者或团队创建的,目的同样是为了让低版本的IE浏览器支持CSS3的圆角效果。这个文件的工作原理与`PIE`相似,通过HTC技术为IE浏览器提供额外的样式处理...

    IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)

    IE浏览器,尤其是早期版本,对于一些现代CSS3特性支持不足,如圆角、阴影等。本篇将详细探讨如何实现IE浏览器对CSS3圆角`border-radius`以及`box-shadow`和`text-shadow`的支持。 首先,`border-radius`属性是CSS3...

    ie-css3.htc(内有使用方法).rar

    在这个案例中,这个HTC文件允许IE浏览器实现CSS3的圆角(border-radius)和阴影(box-shadow)效果。 1. **CSS3圆角(border-radius)**:在CSS3中,`border-radius`属性允许我们创建具有圆角边框的元素,而无需...

    ie-css3.htc

    总之,ie-css3.htc是过去解决IE浏览器CSS3兼容性问题的一个重要工具,尽管现在随着新浏览器的普及,它的使用已经逐渐减少,但在处理遗留项目或者仍需支持老版本IE的场景下,ie-css3.htc仍然具有一定的参考价值。...

    让IE6支持css3,让 IE7、IE8 都支持CSS3

    例如,有一个名为PIE(Progressive Internet Explorer)的JavaScript库,它可以将CSS3属性的渲染任务委托给IE浏览器的原生支持,从而在旧版IE浏览器中实现CSS3效果。通过加载PIE.js脚本文件,并在页面上使用特定的...

    ie6下可以用的css3

    CSS3 Pie(Progressive Internet Explorer)是一个开源项目,它的目标是让老旧的IE浏览器能够理解并执行一些现代浏览器所支持的CSS3样式。通过使用CSS3 Pie,开发者可以在IE6、IE7和IE8等不完全支持CSS3的浏览器中...

Global site tag (gtag.js) - Google Analytics