HTML
.header {width:300px;} /* 所有浏览器/
.header {width/*/:330px\9;} / 所有浏览器IE浏览器 /
.header {width:310px;} /* IE7和IE6能识别,IE8和FF不能识别/
.header {_width:290px;} / IE6能识别,IE7、IE8和FF不能识别*/
2.利用条件注释语句: 此内容只有IE可见
lt 表示less than 当前条件版本以下的版本,不包含当前版本。
gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。
lte 表示less than or equal 当前版本以下版本,并包含当前版本。
3.其它hack 技术:
.color1{ color:#F00; color/*/:#00F /*/}/IE6,IE7,IE8,FF,OP,SA识别/
.color2{ color:#F00; color /*/:#00F /\9/}/IE7,IE8,FF,OP,SA识别/
.color3{ color:#F00; color/*/:#00F \9}/IE6,IE7,IE8识别/
.color4{ color:#F00; color /*/:#00F\9}/IE7,IE8识别//“color”和“/*/”之间有个空格*/
test{color:red; /* 所有浏览器都支持 */
color:red !important;/* Firefox、IE7支持 /
_color:red; / IE6支持 /color:red; /* IE6、IE7支持 /
+color:red; /* IE7支持 /color:red\9; / IE6、IE7、IE8支持 /
color:red\0; / IE8支持 /}body:nth-of-type(1) p{color:red;} / Chrome、Safari支持 */
IE6左右边框断线现
条件:容器内有2个浮动,并且用clear清楚浮动,父元素没有定义高度宽度
解决办法:(1)在父元素中加入height:1%(如果在设计中不允许加入高度时对IE使用HACK技术,如_height:1%;
(2)加入一个宽度;
(3)加入一个背景色
(4)用其他方法清楚浮动,如zoon:1;Overflow:hidden;
兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
body{
background-image:url(about:blank); background-attachment:fixed;/必要,防抖动/
}
<!–[if IE 6]>
< style type="text/css">
/ie6 fix顶端元素/
.head{
top:expression(eval(document.documentElement.scrollTop));
}
/ie6 fix底端元素/
.foot{
top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
}
< /style>
< ![endif]–>