CSS浏览器兼容性技巧
本文介绍了一种通过CSS实现不同浏览器下元素显示效果差异的方法。利用条件注释及浏览器解析特性的不同，可以为Firefox、IE6、IE7、IE8等指定特定样式。示例代码展示了如何设置不同浏览器下的边框颜色。
CSS代码：
1 <style type=”text/css”>
2 #body {
3 border:2px solid #00f; /*ff的属性*/
4 border:2px solid #090\9; /* IE6/7/8的属性 */
5 border:2px solid #F90\0; /* IE8支持 */
6 _border:2px solid #f00; /*IE6的属性*/
7 }
8 </style>
2 #body {
3 border:2px solid #00f; /*ff的属性*/
4 border:2px solid #090\9; /* IE6/7/8的属性 */
5 border:2px solid #F90\0; /* IE8支持 */
6 _border:2px solid #f00; /*IE6的属性*/
7 }
8 </style>
HTML代码
1 <div id=”body”>
2 <ul>
3 <li>FF下蓝边</li>
4 <li>IE6下红边</li>
5 <li>IE7下绿边</li>
6 <li>IE8下黄边</li>
7 </ul>
8 </div>
2 <ul>
3 <li>FF下蓝边</li>
4 <li>IE6下红边</li>
5 <li>IE7下绿边</li>
6 <li>IE8下黄边</li>
7 </ul>
8 </div>
扫一扫
623
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
