您现在的位置是:网站首页> 编程资料编程资料
针对firefox ie6 ie7 ie8的css样式hack_浏览器兼容教程_CSS_网页制作_
2021-09-09
995人已围观
简介 针对firefox ie6 ie7 ie8的css样式hack 以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px
针对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 浏览器实行这句定义*/
以前我们大部分都是用!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 浏览器实行这句定义*/
相关内容
- 一个非常精典的纯CSS漫画,登峰造极._CSS教程_CSS_网页制作_
- 关于css @import url()总结_CSS教程_CSS_网页制作_
- CSS 各种滤镜代码解释 用法案例_CSS教程_CSS_网页制作_
- css 控制图片大小 小于固定值 控制大小_CSS教程_CSS_网页制作_
- DIV+CSS 网页布局心得_CSS布局实例_CSS_网页制作_
- CSS 网页内容换行控制_CSS教程_CSS_网页制作_
- 应用IE6所不支持的CSS的type选择器_CSS教程_CSS_网页制作_
- CSS expression判断表达式设置input样式_CSS教程_CSS_网页制作_
- id与class的使用原则 网页制作经验_CSS教程_CSS_网页制作_
- CSS 清除网页浮动 经验_CSS教程_CSS_网页制作_
点击排行
本栏推荐
-
魔兽世界TBC怀旧服卡拉赞夜之魇简单打法 萌新一看就懂_网络游戏_游戏攻略_
-
魔兽世界TBC怀旧服普通及H难度生态船全boss打法 生态船副本攻略_网络游戏_游戏攻略_
-
魔兽世界TBC怀旧服战士竞技场PVP种族天赋专业 战士PVP上分全攻略_网络游戏_游戏攻略_
-
魔兽世界TBC怀旧服赞加沼泽源生生命速刷大法 新赚钱点分享_网络游戏_游戏攻略_
-
魔兽世界TBC怀旧服黑暗神殿门任务教程 黑暗神殿门任务流程攻略_网络游戏_游戏攻略_
-
魔兽世界tbc怀旧服法师怎么单刷奴隶围栏 法师单刷奴隶围栏攻略_网络游戏_游戏攻略_
-
魔兽世界怀旧服阵营比例人口普查 2021怀旧服6月最新人口普查_网络游戏_游戏攻略_
猜你喜欢
- 魔兽世界TBC怀旧服卡拉赞夜之魇简单打法 萌新一看就懂_网络游戏_游戏攻略_
- 魔兽世界TBC怀旧服普通及H难度生态船全boss打法 生态船副本攻略_网络游戏_游戏攻略_
- 魔兽世界TBC怀旧服战士竞技场PVP种族天赋专业 战士PVP上分全攻略_网络游戏_游戏攻略_
- 魔兽世界TBC怀旧服赞加沼泽源生生命速刷大法 新赚钱点分享_网络游戏_游戏攻略_
- 魔兽世界TBC怀旧服黑暗神殿门任务教程 黑暗神殿门任务流程攻略_网络游戏_游戏攻略_
- 魔兽世界tbc怀旧服法师怎么单刷奴隶围栏 法师单刷奴隶围栏攻略_网络游戏_游戏攻略_
- 魔兽世界怀旧服阵营比例人口普查 2021怀旧服6月最新人口普查_网络游戏_游戏攻略_