支持现代和旧版浏览器的CSS 2与CSS 3比较

Question

支持现代和旧版浏览器的CSS 2与CSS 3比较

3

由于许多现代浏览器支持CSS3，我想在我的工作中使用许多CSS 3功能，但一些旧浏览器仍不支持CSS3。我应该将这两个CSS文件分开吗？或者有没有有效的方法来处理旧和新浏览器，同时拥有大部分CSS 3的好功能。

由于某些旧浏览器不支持CSS3，因此您可以将CSS文件分成两个文件，一个用于旧浏览器，另一个用于现代浏览器。但是，这可能会使代码变得混乱且难以维护。另外，还有一些解决方案，例如使用CSS前缀、媒体查询和JavaScript polyfills等技术来处理旧浏览器。这些技术可以帮助您在保留CSS 3功能的同时，确保在所有浏览器上都能正常运行。

- BumChul Shin

1

把它们都放在同一个文件中有什么问题吗？样式表没有任何版本控制。 - BoltClock

@BoltClock 为了照顾旧版浏览器的替代效果或值。 - BumChul Shin

2个回答

0

如果您想在IE6-9中支持许多CSS3功能，您应该使用PIE。

- Josh Smith

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Philippe · Accepted Answer

您可以查看 HTML5 boilerplate。

如果您查看 index.html 的前几行，您将看到如何在同一个 CSS 文件中使用各种浏览器功能。最初的想法是在这里解释的 here。

简而言之，诀窍是有条件地定义应用于 body 的 CSS 类取决于浏览器。