之前记录的一些浏览器兼容的问题

标签：style   color   os   io   ar   问题   html   amp   

1、几个汉字后面跟一串英文  换行

解决方法：word-break:break-all;word-wrap:break-word;display:block;

2、ul/ol li在ie6下 会出现空隙   

用浮动切记要给li加宽度

解决方法：li vertical-align:top

3、定位ie6下如果不显示，    原因可以看看是不是没有清浮动

4、margin负值 ie6下不显示  看看是不是加个relative可以解决

5、ie下页面显示在左，看看是不是文档声明 不对

6、ie6下不显示 看看是不是  title直接 跟在head下了

7、hack   

_height   针对ie6

*height   针对ie6、ie7、遨游2.几版本

position:absolute\9;     针对ie浏览器

-moz-   等

color:red!important  所有浏览器

8、解决IFRAME引入带有png的js

if(el.currentStyle.position=="static"){if(el.nodeName!=‘HTML‘)el.style.position="relative"}

if (el.currentStyle.position == ‘static‘) {el.style.position = ‘relative‘;}

9、var GLOBAlIE6= /msie 6/ig.test(window.navigator.userAgent) && !/msie [1-57-9]/ig.test(window.navigator.userAgent);

10、显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

11、

if(-[1,]){
    //alert("这不是ie浏览器！");
   
}else{
    //alert("这是ie浏览器！");
   
}

12、

滚动条中 有定位，ie下有问题 解决方法，在父级加个定位

13、offsetParent ie不支持   ie直接找他的父级  

解决方法     ie下  this.parentNode.offsetParent

placeholder="测试"

最近整理博客，把相关内容都整合到我的博客园博客上来，转载的会注明，不注明的都是原创哟。

技术就是需要积累的

书真是越看越厚，然后 越看越薄，然后越看越厚一个循环的过程

技术也一样，

之前记录的一些浏览器兼容的问题,布布扣,bubuko.com

之前记录的一些浏览器兼容的问题

标签：style   color   os   io   ar   问题   html   amp   

原文地址：http://www.cnblogs.com/llqfront/p/3910400.html