尽管IE9看起来非常有前途,但IE6,IE7和IE8可能困扰我们很多年,减缓了CSS3在网络上的传播。

许多基于HTC和JS的项目为IE添加了一些CSS3支持:


CSS3PIE
IE7.js
eCSStender < br DD_roundies
border-radius.htc(弯曲角)
ie-css3.htc
ie-css3.js

我只有CSS3PIE的经验(在http://docs.composite.net/上进行四舍五入的处理),除了将鼠标悬停在效果上之外,此效果很好,并且是纯CSS3。

不同项目为IE带来了哪些CSS3功能,效果如何?他们中的任何一个显然是赢家吗?

评论

为什么不尝试所有这些并让我们知道您找到了什么?我相信,如果您有博客,那将是一个很棒的帖子,将会引起很多兴趣。

我在CSS3PIE网站css3pie.com/documentation/product-comparison上找到了这个,但我希望它会有所偏颇,因此出现了问题。要获得良好的感觉,需要一些实际的经验。

#1 楼

由于还没有人加紧努力,因此我将尝试给出答案。它的主要来源是阅读http://css3pie.com/documentation/product-comparison/并四处搜寻。我只有动手使用CSS3PIE的经验。如果您知道其他任何项目,请随时进行编辑

Jason Johnston编写的CSS3PIE
为Css3边界半径,渐变,框阴影添加了良好的支持。
我的经验这是因为它工作得很好,并且对边界半径有很好的支持。悬停效果有问题(我希望此列表中的所有项目都受此影响),但在静态html上使用时似乎完美无缺。
更多信息,请参见http://css3pie.com/

ie-css3.js,作者是Keith Clark,
添加了对许多CSS3伪类选择器的支持。它非常小,因为它可以在您包括的其他js库中饱受赞誉,例如jQuery。
这可以与列表中的其他项目(如CSS3PIE)很好地配合。
更多信息,请访问http://www.keithclark.co。 uk / labs / ie-css3 / UPDATE ie-css.js项目已在这里重生:http://selectivizr.com/

Dean Edwards的IE9.js
针对IE6的作品,7和8。使IE支持透明PNG,新的CSS选择器(如parent> child和:first-of-type,固定位置,最大/最小宽度/高度支持)。
我的印象是很多工作已经过去这些年来。有些评论确实是正面的,有些是不屑一顾的。
更多信息,请访问http://code.google.com/p/ie7-js/

ecsstender作者:Aaron Gustafson
与IE6、7和8。以模块化的方式添加了对CSS3选择器,字体,边框半径,框阴影,颜色和变换的支持。
文献记载非常丰富。更多信息,请访问http://ecsstender.org/extensions

Drew Diller的DD_roundies
添加了对border-radius和png的一些支持。
更多信息,请访问http:// www .dillerdesign.com / experiment / DD_roundies /

border-radius.htc,作者Remiz Rahnas
非常简单地支持border-radius。
更多信息,请参见http:// code。 google.com/p/curved-corner/

Nick Fetchak提供的ie-css3.htc
对边框半径和文本阴影的某些支持。 CSS3PIE声称可以做得更好。
有关更多信息,请访问http://www.fetchak.com/ie-css3/

#2 楼

这是来自Smashing Magazine的有关CSS3和IE6的不错的文章:http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

评论


本文是“ border-radius.htc”的精彩介绍,但在大多数情况下,它是可以模拟CSS3功能的仅IE CSS过滤器的列表。作为一名Web开发人员,我不想编写许多旧的IE特定的CSS代码,而是专注于标准CSS并让IE对此做出反应,例如“ border-radius.htc”和“ CSS3PIE”。

– mawtex
2010年8月19日,9:47

#3 楼

尝试使用Google Chrome浏览器内嵌框架。安装它的IE用户将可以在Google Chrome浏览器的渲染器中浏览您的网站,而无需切换浏览器。

编辑:您甚至可以使用Google提供的JS库向用户显示一条消息,邀请他们安装Google Chrome浏览器内嵌框架。它是一键安装,就像Flash一样,不需要重新启动浏览器,并在完成后刷新页面。

评论


因此,您的建议基本上是希望将来以IE6 / 7/8方式与所有将要访问问题海报网站的人联系,并让他们在访问之前安装Google Chrome浏览器内嵌框架?让全世界的所有IE用户切换到Chrome浏览器难道不是很容易吗?

–尼尔
10-10-20在8:45

我编辑了@Nir,以解释如何使您的用户使用Google的JS库安装GCF。很好

–丹·法布利希(Dan Fabulich)
2010-10-23 2:30

即使安装了一键安装(顺便说一句,在Vista上,您还需要Ok 5安全警告才能安装Flash-一键安装就太多了)我也不想要求用户安装浏览器插件,以便可以使用圆角(并且我怀疑唯一会安装的是真正信任并喜欢我的产品的人-也就是说,即使没有圆角也可以购买的人)。

–尼尔
2010-10-23 22:05