解决ie下部支持background-size:100%;属性的方法
2016-11-14 14:58
363 查看
方法一:事情有很多解决办法,这种不可以就换另一种
图片放在页面里
例如:
1.设置整个页面背景图
html:
<div id="bj">
<img src="img/bg.jpg" />
</div>
css:
#bj{
position:absolute;
top:0;
left:0;
z-index:-1;
}
#bj img{
width:100%;
height:100%;
}
js:
$(function(){
zsy();
$(window).resize(function(){
zsy();
});
});
function zsy(){
var height=$(window).height();
var width=$(window).width();
$("#bj").css("width",width);
$("#bj").css("height",height);
}
方法二:引用外部backgroundsize.min.htc
1.去网上把backgroundsize.min.htc下载放入项目
css:
#bj{
background:url(img/bg.jpg) center center no-repeat;
background-size:cover;
behavior:url(backgroundsize.min.htc);
-ms-behavior:url(backgroundsize.min.htc);
}
图片放在页面里
例如:
1.设置整个页面背景图
html:
<div id="bj">
<img src="img/bg.jpg" />
</div>
css:
#bj{
position:absolute;
top:0;
left:0;
z-index:-1;
}
#bj img{
width:100%;
height:100%;
}
js:
$(function(){
zsy();
$(window).resize(function(){
zsy();
});
});
function zsy(){
var height=$(window).height();
var width=$(window).width();
$("#bj").css("width",width);
$("#bj").css("height",height);
}
方法二:引用外部backgroundsize.min.htc
1.去网上把backgroundsize.min.htc下载放入项目
css:
#bj{
background:url(img/bg.jpg) center center no-repeat;
background-size:cover;
behavior:url(backgroundsize.min.htc);
-ms-behavior:url(backgroundsize.min.htc);
}
相关文章推荐
- 解决对象不支持“getElementsByClassName”属性或方法 ie兼容性
- 解决IE不支持 background-size:cover;
- IE显示对象不支持此属性或方法 的解决方法
- IE对象不支持此属性或方法: this.indexOf 的解决方法
- 解决IE浏览器部分版本不支持background-size属性问题
- div显示图片不全和background-size在ie和火狐下不生效的解决方法
- 解决IE8以下不支持background-size属性
- IE显示对象不支持此属性或方法 的解决方法
- ie 8 输入密码后登录电子口岸报错:对象无法支持此属性或方法
- 【078】docute.js的v3.4.8版本在IE11下出现【对象不支持“from”属性或方法】错误的解决办法
- 对象不支持indexOf属性或方法的解决方法(必看)
- 解决document.form.submit()对象不支持此属性或方法
- IE下全局对象报 脚本错误提示“对象不支持此属性或方法”解决方案
- js改变img标签的src属性在IE下没反应的解决方法
- 解决浏览器background-image属性不支持css3动画
- ie不支持getelementbyname方法解决办法
- JQuery-AJAX 不支持对象此方法或属性解决办法
- 解决IE不支持HTML5表单属性placeholder的问题
- 让IE7 IE8支持CSS3 background-size属性
- 在IE中"对象不支持indexOf属性或方法"