DIV背景图片在Firefox下不显示,IE下正常
2009-12-29 14:26
1241 查看
在一个大的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; }解决方法:
这是因为你的#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; }
相关文章推荐
- IE显示背景图片background-image,FireFox不显示背景图片或显示不正常
- DIV背景图片在所有IE下都不能显示,只有firefox能显示
- DIV背景图片IE下不能显示,只有firefox能显示
- IE兼容问题之一:table--td设置背景颜色or背景图片,border不能正常显示(用的框架是layui)
- css的背景图片在ie下不显示在Firefox下可以显示?
- DIV背景图片在Firefox下不显示通过overflow:auto可解决
- IE显示div正常,Firefox浏览器中div层重叠的解决方法
- jpg图片在firefox正常显示 在ie不能显示
- 实现div的背景图片在各个浏览器上自适应显示:即backgroun-size属性不支持低版本ie的解决方案
- 解决网站中上传的图片在IE中不显示 chrome firefox下却正常
- 图片在ie下无法正常显示,在firefox或chrome正常显示的原因
- css背景图片在chrome下正常,IE下不显示
- jpg图片在firefox正常显示 在ie不能显示
- ie下div撑不开或背景图片不显示的解决方法
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- jpg图片在firefox正常显示 在ie不能显示
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- 图片在IE能正常显示但是不能在Firefox中显示
- 给swf影片添加背景图片、IE显示正常,但chrome没有显示-解决办法
- IE7下按钮<input>不显示自定义背景图片