我的问题是该网站在页面底部一直留有很大的空白,为什么会这样呢?
我在内容上有这个CSS:
#content{
width: 990px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px;
position: relative;
}
.full-background {
z-index: -999;
min-height: 100%;
min-width: 1024px;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
并且我正在使用此脚本将背景图像适合窗口:
function fittobox(){
$('.fittobox').each(function(){
$(this).fitToBox();
})
}
$(window).bind({
'load' : fittobox,
'resize' : fittobox
})
用功能更新
// fitToBox
jQuery.fn.fitToBox =
function(){
var div = this.parent();
var img = this;
var imAR = img.attr("height") / img.attr("width");
var bgAR = div.height() / div.width();
if(imAR >= bgAR){
img.attr("width" , div.width());
img.attr("height" , div.width() * imAR);
}else{
img.attr("height" , div.height());
img.attr("width" , div.height() / imAR);
}
div.css({
"position" : "absolute",
"overflow" : "hidden"
});
img.css({
"position" : "absolute",
"left" : (div.width() - img.attr("width"))/2,
"top" : (div.height() - img.attr("height"))/2
});
img.fadeIn();
};
谢谢!
最佳答案
如果您删除身高:100%并设置为#footer位置:绝对没有间隙。
关于javascript - 页面底部的空白,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14891775/