浏览器兼容性问题总结

1、Safari解释new Date('2013-10-21') 这样得到的是invalid date,需要写成new Date('2013/10/21')

2、href=""在ie中会跳转到根目录,而在firefox中不会跳转,写成href="/"可以。

3、一串长度较长的英文语句(单词之间有空格)在超出div宽度的情况下,ie8下不能自动换行(如果有汉字则可以),需要加入"word-break:break-all"才可以。

4、link多个css文件(中间用逗号分开)在ie8下不起作用

5、placeholder在ie8下不起作用

6、display:inline-block;在ie7下不起作用(让ie浏览器支持display:inline-block的方法)

7、ie7通过appendChild或者innerHTML动态加载的元素会出现没有使用样式(UI变形)的情况,此时在出现问题的元素上设置一个css属性(比如:100%)可让元素归位,此为ie重绘的问题。

8、div的宽度默认值是auto,如果没有其他属性设置,则表现为100%,如果设置float:left/right,则宽度自适应内容。

9、ie7中Li之间有间距,可以在Li上设置vertical-align:bottom以取消间距。(另外还可以设置float:left

10、ie7中,如果button加上name属性,则在表单提交的时候(假如是post方法),button的value也会一起提交;如果把name属性去掉,则不会提交。

11、ie7中,float=right的元素不会居右显示,而是另起一行后靠右,解决办法是把float=right的元素放在非float元素的左边。(够奇葩

12、ie6和ie7中,只设置z-index:99并不起作用,需要同时设置position:relative|absolute|fixed。如果需要想要盖住另一个父元素中的子元素,则需要在两个子元素的父元素上分别设置z-index.

13、IE7中,如果div规定了max-width,那么带空格的英文字符不会自动换行,如果规定了width,则可以。

14、IE使用window.open打开下载连接进行文件下载时,打开的窗口会一闪关闭。解决办法1:自定义安全——》下载——》文件下载的自动提示——》启用

15、IE7中li设置浮动,并且设置marin-bottom,则最贴近ul的一行li的margin-bottom不起作用。

16、IE6、IE7中 垂直排列的li之间会有空隙,解决办法设置li的vertical-align:bottom(同第9条

17、IE7中使用slideDown,slideUp,在需要slide的层中,如果存在position:absolute 或 position:relative 定位的层,在IE7下,滑动过程中这些层不会随之显示和隐藏,效果动作完成之后,这些层才会一次性隐藏。

  解决方法:不在其中使用绝对和相对定位,用别的方法实现需要的DIV定位。 相关连接jquery的slideUp、slideDown函数在IE中的bug

18、使用post或get方法传递中文参数,需要加入encodeURI(param),将中文参数进行编码,否则在IE浏览器中php端取到的参数是不正确的。

原文地址:https://www.cnblogs.com/zhanglm125/p/5046593.html