学习素材==》https://www.cnblogs.com/jesse131/p/5441199.html
浏览器兼容
-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */ -webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */ -o- /* Opera浏览器(早期) */ -ms- /* Internet Explorer (不一定) */
background-size无效的解决办法
1》ie8对于空格很敏感(小心)!
2》https://github.com/louisremi/background-size-polyfill
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片路径', sizingMethod='scale')
这样子虽然可以解决掉图片不显示的问题但是会有显示大小的比例无效;
3》
-ms-behavior: url("backgroundsize.htc");
behavior: url("backgroundsize.htc");
这样个可以完美的解决掉所有问题
解决不支持不支持getElementsByClassName
if (!document.getElementsByClassName) {
document.getElementsByClassName = function (className, element) {
var children = (element || document).getElementsByTagName('*');
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
};
}