Question

将所有浏览器回到IE6很具挑战性。每个浏览器都支持规范的不同功能。是否有一个指南可以跨浏览器（IE6、IE7、FF1、FF2、Safari、Opera）使用安全的CSS子集？这样，我就不必在每次小修改后在6个不同的浏览器中测试我的样式表-并调整到它们令人烦恼的怪癖。

Answer 1

Also, for IE and select other browsers - conditional comments. http://msdn.microsoft.com/en-us/library/ms537512.aspx

我这样使用它们。我覆盖了任何IE的特定内容。

<link rel="stylesheet" type="text/css" href="theme.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="theme-ie6.css" />
<![endif]-->

Answer 2

根据我的经验，虽然某些CSS属性可能被所有浏览器支持，但它们并不总是表现相同。即使是一些最基本的属性，例如margin/padding/float，也会导致IE和其他浏览器之间出现不同的外观。

通常，整个网站模板是最复杂的。我的做法是一旦我编写好了模板，并为实际内容使用简单的类，就在所有浏览器中测试一些示例页面。通常，只要你在处理内容（尽管我总会做一些神经质的检查），你就不会在系统中引入任何重大障碍。

Answer 3

Daniel和jleedev的两个链接都是有价值的资源。在许多情况下，你最好使用一个重置样式表（只是一个例子），这样可以最小化浏览器之间的渲染差异。

Dean Edward 的IE7是一个JavaScript包含文件，可以将许多标准CSS功能添加到IE6/7中（如<abbr>和支持伪选择器）。

我建议针对Firefox/Opera/W3规范进行开发，然后使用条件注释来应对IE6/7。

Answer 4

我找到了一本书，名为Pro CSS和HTML设计模式，它包含经过预先测试的可重复使用CSS代码片段。这非常符合我的需求。