文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>针对firefox ie6 ie7 ie8的css样式hack (转载)

针对firefox ie6 ie7 ie8的css样式hack (转载)

时间:2010-09-28  来源:周行天下

详细出处参考:http://www.jb51.net/css/15987.html

今天做tab切换的时候,遇到问题,ie8,ie7,firefox对px高度的解析不统一,开始的时候打算
!important 解决之,后来发现ie7,ie8都支持这个了。根本无法判断。于是在网上找到一篇文章。

 

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

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

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

#menu { line- line- *line- _line- } 或者

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

详细出处参考:http://www.jb51.net/css/15987.html



相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载