本站公告: 暂无公告....

自适应响应式背景图片(兼容IE6)

前端开发 兰亭楼 0评论 1135浏览


JS代码如下

$(function(){
cover();
$(window).resize(function(){ //浏览器窗口变化cover();});});
function cover(){
    var win_width = $(window).width(); //获取窗口宽度
    var win_height = $(window).height();//获取窗口高度
    $("#bigpic").css({"width":win_width}) //jquery改变背景图片宽度
}

HTML代码:

<img src="img/background.png"  id="bigpic"/> //定义背景图片

CSS代码:

#bigpic{ position:absolute; top:0px; z-index:-100;}

//绝对定位后设置Z-index为最底层。

JS代码部分开始使用attr属性修改了图片宽度,bootstacp在IE全系列下不兼容修改为CSS属性后解决。

转载请注明: 兰亭楼 » 自适应响应式背景图片(兼容IE6)

发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址