当css3在某些旧版本中不支持时该怎么办

时间:2013-09-19 16:45:05

标签: css3 3d transform

我正在使用CSS3进行编码,但是一些旧版本的浏览器(如chrome 10及更多版本)不支持此功能。我在做3D变换。我正在旋转一个按钮,它也不能在IE10和一些旧版本的浏览器中工作。有没有办法在所有浏览器中运行它。我对javascript并不太熟悉。请帮忙

2 个答案:

答案 0 :(得分:0)

开发用户界面时,您必须检查浏览器要求,并确保所有目标浏览器都能正常运行。

不幸的是,如果您正在开发旧版浏览器以避免使用CSS3,那么就没有神奇的药水,但在您的情况下它甚至不能与IE10一起使用。

我建议您创建一个新问题并粘贴您的代码,这些代码不能作为单独的问题,因此我们将能够为您提供帮助。

您可能会对Modernizr这样的图书馆感兴趣,但这又取决于您的问题。

答案 1 :(得分:0)

你真的有几个选择,因为没有真正的方法可以让CSS3在不支持它的浏览器上运行(虽然CSS3 PIE可能会帮助http://css3pie.com/一点点。)

您可以选择的两种方法是优雅降级渐进增强

优雅降级 基本上是为最新的浏览器使用最佳技术(CSS3),支持顶级用户并为他们提供最佳体验,为了向用户提供较少的功能,您可以采用优雅降级来缓慢移除CSS3可以提供给您的图层和效果,同时仍然提供合理或类似的功能级别。您可以通过向不同的浏览器提供不同的样式表来匹配他们的功能,并为他们提供最好的应对能力。

渐进式增强 与上述相反,您可以从所有浏览器都可以使用的标准级别开始,并确保所有浏览器都拥有类似的功能,虽然这次你不断回头找到慢慢将不同风格和属性合并到不同浏览器的不同样式表的方法。

你选择做什么并不重要,尽管随着浏览器的兼容性和新调整的出现,优雅的降级现象更加普遍。

对于你我建议首先支持高端浏览器,然后尽可能地剥离不能支持所有功能的低端浏览器,然后如果必须,只需删除对这些浏览器的支持或者潜在地研究那些功能较弱的浏览器版本的动画/ 3d转换的其他方法(我知之甚少)。

祝你好运!