前端浏览器兼容问题总结

前端浏览器兼容问题总结-scy_coder的文章-掘金

1.event对象

Firebox 火狐　火狐就麻烦一点了。因为火狐中压根就没有event这个变量。不过解决方法也是很简单的：

• 用户不传参： 想要使用 event，我们就需要先使用如下语句　　
  var e = arguments.callee.caller.arguments[0] || window.event

2.placeholder

不支持ie10-以下的版本(可以通过使用一个span标签来模拟提示。)

1. 方法二
   [html5 placeholder ie10以下不兼容 - 骑马马追流行 - 博客园]
   (https://www.cnblogs.com/Angelinvestment/p/4252504.html)
2. 方法一
   直接用span标签模拟placeholder，在focus时隐藏span标签就可以了。

3.目前IE10及10以上的版本不再支持条件注释

@media \0screen\,screen\9{body { background: blue; }}
/* IE6/7/8有效 */
@media screen and (min-width:0\0) {body { background: gray; }} 
/* 只对IE9/10有效 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; color: red;}} 
/* 只对IE10有效 */

4.不支持

border-radius 圆角
box-shadow 盒子阴影
CSS3 Background 背景渐变

5.避免用通配符选择器

* { font-size:20px;}
通配选择器作用于所有的元素，如规则最右边为通配符：
.selected * {color: red;}