日期:2014-05-17  浏览次数:20673 次

浏览器CSS兼容总结

首先推荐一款集成多个版本IE(IE5.5、IE6、IE7、IE8)的样式测试工具(IETester):

http://www.my-debugbar.com/wiki/IETester/HomePage

以下是上个月总结的样式兼容方面的技巧,现发布到博客。

1.??????? 使用 DIV+CSS 布局注意事项:

?

使用 DIV+CSS 布局,要配合一定的 table 布局才能较好的达到多浏览器兼容。

完全使用 DIV+CSS 布局实现多浏览器的兼容,难度较大;

在对样式不熟悉且项目需求中没有要求一定要用 DIV+CSS 布局的情况下,建议直接使用 table 布局,这样更容易实现多浏览器兼容;

?

2.??????? IE 不同版本之间的兼容, IE 与火狐的兼容:

?

可以使用如下形式 ( IE6 为例 ) ,为特定版本的 IE 使用特定的样式达到 IE 不同版本间的样式兼容

??? <!--[if lte IE 6]>

<link href="../../Content/DropdownMenuIE6.css" rel="Stylesheet" type="text/css" />

<![endif]-->

这里的 <!--[if lte IE 6]> <![endif]--> 之间除了可以使用 link 标签引用样式外,还可以用 style 标签声明特定的样式。

?