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

【问题标题】：What to do when css3 not support in some older versioncss3 在某些旧版本中不支持时该怎么办
【发布时间】：2013-09-19 16:45:04
【问题描述】：

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

【问题讨论】：

标签： css 3d transform

【解决方案1】：

当您开发 UI 时，您必须检查浏览器要求并确保一切在所有目标浏览器中都能正常工作。

不幸的是，这并没有什么神奇的药水，如果您正在为旧浏览器开发，请避免使用 CSS3，但在您的情况下，它甚至不适用于 IE10。

我建议您创建一个新问题并粘贴您的代码，该代码不能作为单独的问题使用，以便我们为您提供帮助。

您可能对 Modernizr 等库感兴趣，但同样，这取决于您的问题。

【讨论】：

我看到IE10不支持3D变换。否则在所有最新的浏览器中它都能完美运行。有没有我可以做到这一点的javascript？然后给我链接我必须学习然后
Here 是一个链接。

【解决方案2】：

你真的有几个选择，因为没有真正的方法让 CSS3 在不支持它的浏览器上工作（尽管 CSS3 PIE 可能对http://css3pie.com/ 有一点帮助）。

您可以选择两种方法：优雅降级或渐进式增强。

优雅降级基本上是为最新的浏览器使用最好的技术 (CSS3)，支持顶级用户并为他们提供最佳体验，然而为了给用户提供更少的功能，你可以使用优雅的降级来慢慢移除 CSS3 可以给你的图层和效果，同时仍然提供合理或类似级别的功能。您可以通过为不同的浏览器提供不同的样式表来匹配它们的功能并为它们提供它们可以应付的最好的方式来做到这一点。

渐进式增强与上述相反，你从一套可供所有浏览器使用的标准级别开始，并确保所有浏览器都有一个类似级别的功能，不过这一次您继续回过头来寻找将不同样式和属性慢慢合并到不同浏览器的不同样式表的方法。

您选择做什么并不重要，尽管随着浏览器提高兼容性和新调整的出现，优雅降级现在更为常见。

对你来说，我建议从支持高端浏览器开始，然后尽可能多地去掉那些不能支持所有功能的低端浏览器的 CSS，然后如果你必须的话，就放弃对这些浏览器的支持或者可能会为那些功能较弱的浏览器版本研究其他动画/3d 转换方法（我对此知之甚少）。

祝你好运！

【讨论】：