兼容性问题，长期更新

最新推荐文章于 2021-12-07 23:01:04 发布

Stackll

最新推荐文章于 2021-12-07 23:01:04 发布

阅读量184

点赞数

分类专栏：兼容性文章标签：浏览器兼容性

本文链接：https://blog.csdn.net/qq_38340907/article/details/82737277

版权

1 篇文章 0 订阅

订阅专栏

1、a元素包裹img，img元素在IE9以下浏览器会有蓝色边框，点击a链接后变成紫色边框，解决方案：

	img { border: none; }

2、a包裹img/文字，点击时的一瞬间会在IE9以下浏览器中出现虚线边框。解决方案：

	a:focus {outline: none; }

3、img底部3pxbug，最好用display: block。如果用vertical-align: top/bottom，当你在缩放页面时，底部有时会多1px。
3、forEach是数组的方法，当循环一组DOM对象（伪数组）时在IE和safari中会有问题。解决方案：

	Array.prototype.forEach.call(lis, function (item) {
	   item.innerHTML = item.innerHTML + new Date();
	})

4、禁止文字选中

	moz-user-select: -moz-none; 
	-moz-user-select: none; 
	-o-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none

5、禁止鼠标右键菜单

	document.oncontextmenu = function () { return false; }; 
    document.onselectstart = function () { return false; };

6、safari浏览器不支持 new Date(‘2018-08-08’) 写法，解决方案： new Date(‘2018/08/08’)。

7、移动端点击a元素会有蓝色背景，去除方法：

	-webkit-tap-highlight-color: transparent;

8、去除移动端水平方向的滚动条。

	html { overflow-x: hidden; }

关注