您现在的位置是：网站首页> 编程资料编程资料

DIV背景图片在Firefox下不显示通过overflow:auto可解决详解CSS中zoom属性或overflow:auto属性清除浮动的作用ie7中overflow:auto无效的解决方法CSS教程:导致一些问题的overflow-CSS教程-网页制作-网页教学网overflow:auto的用法详解

2021-09-07 1934人已围观

简介 div里加入背景图片，可是在Firefox下却无法正确显示背景图片，通过overflow:auto便可解决此问题，感兴趣的朋友可以参考下哈，希望对大家有所帮助

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

复制代码

代码如下:

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；
}

上一篇：IE6定义1px左右高度的容器示例代码设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

下一篇：IE6下图片下方有空间距的多种解决方法浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理对常见的css属性进行浏览器兼容性总结(推荐)