IE6789兼容性浅析

,

1. IE11下 文字溢出…变成方框

1
2
3
4
5
6
// 解决方案：添加字体
font-family:microsoft yahei;
max-width: 100%;
overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;

2. placeholder IE8解决方案

1
<input type="text" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" value="Search" >

3. css zoom ie hack 写法

zoom是为了兼容IE6 而写的 其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。

1
2
3
4
5
6
7
8
9
10
11
12
13
/* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */ 
color:#0000FF\9; 
[color:#000000;color:#00FF00;   /* SF,CH支持 */ 
*color:#FFFF00;                 /* IE7支持 */ 
_color:#FF0000;                 /* IE6支持 */ 


background-color:#0ff\0;/* ie 8/9 */ 
background-color:#0f0\9\0;/* ie9 */ 
*background-color:#00f;/*ie7*/ 
_background-color:#ff0;/*ie6*/ 
background-color//:#090;/*非IE*/ 
background-color:#900\9;/*所有ie*/
  1. …