首页 > 代码库 > 之前记录的一些浏览器兼容的问题
之前记录的一些浏览器兼容的问题
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="测试"
最近整理博客,把相关内容都整合到我的博客园博客上来,转载的会注明,不注明的都是原创哟。
技术就是需要积累的
书真是越看越厚,然后 越看越薄,然后越看越厚一个循环的过程
技术也一样,