针对firefox ie6 ie7 ie8的css样式hack


针对firefox ie6 ie7 ie8的css样式hack
以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“\9”来区分,比如:line-height: 26px\9。

CSS可以参照如下定义,注意顺序:
#menu { line-height: 23px; }/* firefox 浏览器实行这句定义 */
#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/
#menu { *line-height: 23px; }/*ie6,ie7 这句定义主要尖对IE7来hack*/
#menu { _line-height: 23px; }/*ie6 浏览器优先实行这句定义*/ 或者写成一句

#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; } 或者

* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
*+html #menu { line-height: 23px; }/* IE7 浏览器实行这句定义*/



相关阅读:
Oracle专用服务器的内存结构分布原则
总结Windows7系统亟待解决的10大问题
CSS实现绝对的完美圆角框
利用php的ob_start来生成静态页面的方法
asp.net 计划任务管理程序实现,多线程任务加载
jQuery 性能优化指南(2)
Windows7音频服务未运行的原因以及解决办法
如何使用Wordpress来撰写你的博客
JS代码的格式化和压缩
保障Winnt +asp +sql web站点的安全经验。(二)
快速定位到复杂的CSS BUG问题
IE中checkbox在刷新后初始化的问题
MySQL的1067错误解决方案大全
Asp.Net 网站性能优化之缓字决 (上) 缓冲写数据
快速导航

Copyright © 2016 phpStudy |