|
小吕 DST Member
 
17DST PM - UID
- 5359
- 精华
- 1
- 声望
- 173 点
- 金币
- 133 枚
- 卓越
- 2 值
- 注册时间
- 2007-7-28
- 最后登录
- 2008-9-4
|
1#
大 中
小 发表于 2008-7-14 10:54 只看该作者
网页设计教程-教你从最开始了解DIV+CSS[附讲|关于IE hack兼容性修改]
本讲主要讲解制作网页完成后的兼容性调试问题
什么是兼容性测试?
兼容性测试是针对各个不同浏览器(FF,OP,IE),在不同分辨率下进行的对网页的整体测试,主要测试的内容是是否在不同浏览器下有兼容性问题(如框架错位,下移浮动等)
兼容性测试的一般步骤是什么?
这里就要提到浏览器对W3C标准的遵守程度,即OP>FF>IE
又由于FF和IE的使用范围广,并且FF的测试插件比较多,所以选用FF作为制作网页时首选的测试浏览器.
在对FF的测试完成无错误后,再对IE进行修改,使之无兼容性问题
什么是IE hack?
IE hack是一种在CSS和HTML中使用的,针对兼容性问题进行修复的语句.它的表现形式多种多样,如特殊字符(*,+,_等),条件语句判定(<--if-->语句).
下面我们来介绍几种常见的IE hack
在CSS中使用的hack:
在CSS中使用的hack,原理是不同的浏览器对各种字符的识别不同,因而自己编写产生的.
一些常用的特殊字符识别表如下:
引用:
IE都能识别*，标准浏览器(如FF)不能识别*
IE6能识别*，但不能识别 !important
IE7能识别*，也能识别!important
FF不能识别*，但能识别!important
IE6支持下划线，IE7和Firefox均不支持下划线
书写顺序: Firefox的写在前面，IE7的写在中间，IE6的写在最后面。
*的用法示范:
引用:
background:orange;
*background:green;
引用:
background:orange;
*background:green !important;
*background:blue;
引用:
background:orange;
*background:green;
_background:blue;
所有的IE可识别 引用:<!--[if IE]> Only IE <![endif]--> 仅IE6可识别 引用:<!--[if lt IE 6]> Only IE 6- <![endif]--> IE6以及IE6以下的IE5.x都可识别 引用:<!--[if gte IE 6]> Only IE 6/+ <![endif]--> 仅IE7可识别 引用:<!--[if lte IE 7]> Only IE 7/- <![endif]--> 更多的IE hack可以参照这里
http://andymao.com/andy/post/76.html
希望大家喜欢本讲的内容
|
我的助手
