首页 > 代码库 > 之前记录的一些浏览器兼容的问题

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

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="测试"

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

技术就是需要积累的

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

技术也一样,