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

Question

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

Answer 1

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

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

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

您可能对诸如Modernizr之类的库感兴趣，但同样，这取决于您的问题是什么。

Answer 2

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

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

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

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

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

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

祝你好运！