如何在Internet Explorer 6、7和8中启用CSS3功能?


18

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

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

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

我只有CSS3PIE的经验(在http://docs.composite.net/上做四舍五入的东西),除了鼠标悬停效果外,效果很好,而且是纯CSS3。

不同项目为IE带来了哪些CSS3功能,效果如何?他们中有谁是明确的赢家?


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

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

Answers:


8

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

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

Keith Clark 编写ie-css3.js增加了对许多CSS3伪类选择器的支持。很小,因为它在您包括的其他js库(如jQuery)中盛宴。这可以与该列表中的其他项目(例如CSS3PIE)很好地配合使用。有关更多信息,请访问http://www.keithclark.co.uk/labs/ie-css3/。
更新 ie-css.js项目已在此处重生:http ://selectivizr.com/

Dean Edwards Works的IE9.js适用于IE6、7和8。使IE支持透明PNG,新的CSS选择器(如parent> child和:first-of-type),固定位置,最大/最小宽度/高度支持。我的印象是,多年来,许多工作已经投入其中。有些评论是积极的,有些是不屑一顾的。有关更多信息,请访问http://code.google.com/p/ie7-js/

Aaron Gustafson的ecsstender可与IE6、7和8一起使用。以模块化方式增加了对CSS3选择器,字体,边框半径,框阴影,颜色和变换的支持。非常有据可查。有关更多信息,请访问http://ecsstender.org/extensions

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

Remiz Rahnas的border-radius.htc对border-radius的非常简单的支持。有关更多信息,请访问http://code.google.com/p/curved-corner/

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


3

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


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

0

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

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


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

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

即使安装了一键安装(顺便说一句,在Vista上,您还需要OK 5安全警告才能安装Flash-一键安装就太多了)我也不想要求用户安装浏览器插件,以便可以使用圆角(并且我怀疑唯一会安装的是真正信任并喜欢我的产品的人-也就是说,即使没有圆角也可以购买的人)。
尼尔
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.