日期:2014-05-17 浏览次数:20738 次
首先推荐一款集成多个版本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 标签声明特定的样式。
?
像