谷歌浏览器下图片缩放模糊失真

css中给图片添加此属性：

backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 	/* Internet Explorer */

说明：
成品网站做ie兼容的时候，发现google相较于ie图片显示稍显模糊，失真。
查明后发现是因为使用swiper，swiper自带的transform或者transition的元素渲染问题。加上这段代码就可以了。

定义和用法：

	backface-visibility 属性定义当元素不面向屏幕时是否可见。
	默认值：	visible
	继承性：	no
	版本：	CSS3
	JavaScript 语法：	object.style.backfaceVisibility="hidden"

语法：

backface-visibility: visible|hidden;  /*背面可见|背面不可见*/