以Web设计器/Web开发人员的身份编写CSS样式时,任何减少浏览器兼容性问题的解决方案

这三点是你自己需要做的主要事情:

• 编写正确的标记-确保它有效
• 确保标记处于标准模式
• 编写正确的CSS-确保它有效

此外,您还可以执行以下操作来减少头痛的程度:

• 您可以使用CSS框架,如Blueprint、960.gs、yui css库等。
• 对于与Internet Explorer相关的问题,有ie7.js和ie8.js

• 了解HTML和CSS的工作原理
• 在所有目标浏览器中测试

您也可以使用 CSS reset 从共同点开始。

好吧,到目前为止,没有什么比fixall()更能使所有浏览器兼容的了……但是,您可以通过使用正确的doctype来减少兼容性问题。 Read this 关于使用doctypes的文章。另外,验证您的标记。

编辑:可以转到 Browser shots 在不同的浏览器中查看网页设计的屏幕截图。

纪律!

• Validate your HTML . 使用正确 DOCTYPE .
• 使用标准, hack the bugs .
• 描述性的,或使用 reset stylesheet .

简单——测试,测试,测试。
首先,您的计算机上至少应该有这些浏览器:FireFox3.5b、InternetExplorer 7(+Optional Safari 3、Google Chrome 2 Beta和Opera)。
现在,更确切的答案是:

• 避免使用CSS3样式,如“不透明度”等,因为CSS3还不是标准配置。相反,使用jquery之类的javascript库选择性地应用这些效果。
• 避免PNG透明化,如瘟疫…而是使用抖动的GIF透明(现在有点旧了,因为它现在在IE7+上工作)
• 测试和测试