ie6.0/ie7.0/ie8.0. 为了让所写代码在各主流浏览器中正常运行,我们不得不为各种浏览器写对应的样式。本文,博主将为你总结css针对各浏览器的兼容hack(以ie6/ie7/ie8 /ff为主),以及ie特有的条件注释使用方法.
一、通用区分方式:
ie系列可识别 9 ;
ie6、ie7能识别*,标准浏览器(如ff)不能识别*;
ie6能识别*,但不能识别 !important;
ie7能识别*,也能识别 !important;
ie8能识别,不能识别*,+,_,* 加!important;
ff不能识别*,但能识别 !important;
例如style=”*!important; ”,其在ie7下宽度为10px,在ie6下宽度是20px.
其中还有如下三种写法:
第一种
view sourceprint?1 /* firefox及其他浏览器 */
2 /* ie8能识别*/
3 *!important; /* ,ie7 既能能识别*号,也能识别important */
4 * /* ie6也能识别*号 */
5 /*mr.think提示:请注意书写顺序@mrthink.net*/
第二种
view sourceprint?1 /* firefox及其他浏览器 */
2 /* ie8能识别*/
3 * /* ie7也能识别*号 */
4 _ /* ie6能识别下划线*/
5 /*mr.think提示:请注意书写顺序@mrthink.net*/
第三种
view sourceprint?1 /* firefox及其他浏览器 */
2 /* ie8能识别*/
3 + /* +只识别ie6 ie7 */
4 _ /* ie6能识别下划线*/
5 /*mr.think提示:请注意书写顺序@mrthink.net*/
二、不常见的hack(op表示opera,sa表示safari),其中第3条比较实用
1..color1{ color:#f00; color/***/:#00f /***/}/*ie6,ie7,ie8,ff,op,sa识别*/
2..color2{ color:#f00; color /***/:#00f /*9**/}/*ie7,ie8,ff,op,sa识别*/
3..color3{ color:#f00; color/***/:#00f 9}/*ie6,ie7,ie8识别*/
4..color4{ color:#f00; color /***/:#00f9}/*ie7,ie8识别*//*“color”和“/***/”之间有个空格*/
三、各种浏览器独立支持的hack
/* 支持ie8 */
_ /* 支持ie6 */
[ /* 支持ie6,7 */
+ /* 支持ie6,7 */
* /* 支持ie6,7 */
*!important; /* 支持ie6,7, */
*+ /* 支持ie6,7, */
*+!important;/* 支持ie6,7, */
9; /* 支持ie6,7,8 */
!important; /* 支持ie6,7,8,ff */
/*ie5.x不支持 ie6、ie7、ie8、ff支持 */
四、ie特有的html条件注释使用规则
1.仅ie可见的写法
view sourceprint?1 此处内容只有ie可见
2.仅ie6可见的写法
view sourceprint?1 此处内容只有ie6.0可见
3.仅ie7可见的写法
此处内容只有ie7.0可见
4.版本区间可显示写法
view sourceprint?1 ie6以及ie6以下版本可识别
view sourceprint?1 ie6以及ie6以上版本可识别
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,