学电脑,学计算机 | 手机访问 | 加入收藏 | 设为首页 | RSS
当前位置:首页 > 网页制作 > HTML/CSS > 正文

DIV背景图片在Firefox下不显示通过overflow:auto可解决

发布时间:2014-09-29 00:04:23  来源:电脑技术学习网
【摘要】: 在一个大的div里有2个横列(DIV),并且在大的div里加入背景图片。可是改好后,在Firefox下却无法正确显示背景图片。

在一个大的div里有2个横列(DIV),并且在大的div里加入背景图片。可是改好后,在Firefox下却无法正确显示背景图片。代码是这样的:;

1.HTML(样本):;
复制代码 代码如下:
<div id="footer">;
<div id="footer_left">Content1</div>;
<div id="footer_right">Content2</div>;
</div>
2. CSS:
复制代码 代码如下:
#footer {;
width:730px;;
background-image: url(../images/bg.jpg);;
background-repeat: repeat-y;;
};
#footer_left {;
float:left;;
width:230px;;
};
#footer_right{;
float:left;;
width:500px;;
}
此代码是左右两栏排版,利用父DIV(footer)的背景图片做子DIV(footer_left)的背景,来达到左右两栏高度对齐。;
解决办法:;
这是因为你的#footer_left 和#footer_right加了float:left,在FF里如果里面的元素加了float:left(right),它就不会被撑开的,也就是说的它的高度是0,如果正常显示,必须加上:overflow:auto,;
即:
复制代码 代码如下:
#footer {;
width:730px;;
background-image: url(../images/bg.jpg);;
background-repeat: repeat-y;;
overflow:auto;;
}
发表评论 共有条评论
验证码: