float引起的背景消失问题以及解决

最新推荐文章于 2021-06-30 06:58:56 发布
最新推荐文章于 2021-06-30 06:58:56 发布
阅读量607 收藏
点赞数 1
分类专栏： Ajax 文章标签： IE

最近碰到了一个特别奇怪的问题（参考附件图片 error.png），就是我用div的float做依次排列的图片列表时，所在容器的背景变成了透明。跟踪了样式代码后发现问题在IE7下的float，去掉后就没有问题了。然后又试了一下FF3发现没有问题。

 

尝试了好几种办法都没有解决，最后只能把ie下的方案和ff下的方案hack到一起，暂时解决了这个问题（参考附件图片right.png）。

 

----------------

update： 又跟踪了半天还是没有找到源头。。。。。

liudaoru
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Float（浮动）导致的父容器背景不显示的解决方法
06-08
Float（浮动）导致的父容器背景不显示的解决方法，两种方法，都试一下比较好
float引起层飘出父层的解决方法
10-30
css div布局总会遇到很多浏览器兼容的问题。
C语言笔记-float值消失
u014101410的博客
07-24 302
遇到一个值得记录的问题，看程序 #include void main() {         float q=0;     int a,b,d,n;          printf("please input a,b:\n");     scanf("%d%d",&a,&b);     printf("%d,%d\n",a,b);     for(n=1;n     {
div css用float时引起背景不正常显示的解决办法
Quincy.Coder的博客
08-29 2255
当div里面套嵌多个用float定义的层是，背景图没有办法在firefox里面显示。上网搜了一下才找到解决的方法。　　div+css布局无法避免的冗余标签，完全严格按照w3c的标准来布局是不可能的，想要在不同版本的浏览器下都表现出漂亮的网页，几乎无可避免地要使用一些多余的标签。　　总结而言，div布局必须用到冗余标签的地方主要有三个： 　　一是背景图和背景色，当内层元素的css属性全部为“floa
html5子级float后父级的背景不见,css清除浮动float的兼容性方法
weixin_35924003的博客
06-30 338
这次给大家带来css清除浮动float的兼容性方法，css清除浮动float兼容性方法的注意事项有哪些，下面就是实战案例，一起来看一下。在清除浮动前我们要了解两个重要的定义：浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。高度塌陷：浮动元素父元素高度自适应(父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷)知道浮动和为什么要清除浮动之后我们可以开...
DIV CSS用float时引起背景不正常显示的解决办法
攻城狮Luke
01-07 5428
当div里面套嵌多个用float定义的层是，背景图没有办法在firefox里面显示。 上网搜了一下才找到解决的方法。 　　div+css布局无法避免的冗余标签完全严格按照w3c的标准来布局是不可能的，想要在不同版本的浏览器下都表现出漂亮的网页，几乎无可避免地要使用一些多余的标签。 　　总结而言，div布局必须用到冗余标签的地方主要有三个： 　　一是背景图和背景色，当内层元素
css float left布局换行不正常问题的解决
09-22
主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决java数值范围以及float与double精度丢失的问题
08-30
解决java数值范围以及float与double精度丢失的问题 Java中的数值范围和浮点数精度问题是许多开发者经常遇到的问题。下面我们将详细探讨Java中的数值范围、float和double类型的精度问题，并且提供解决方案。 一、...
一个挺常用的float布局div问题解决方法
09-25
做前端的话,float还是挺常用~ 但是各版本对float的兼容问题可是层出不穷啊
CSS之float在IE浏览器下换行问题解决方法
12-13
本文将探讨如何解决在IE浏览器下`float:right`导致的换行问题。 首先，我们来看一个示例代码： ```css .h3 a { background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0); ...
css设置浮动导致背景颜色无效解决方案
hua_ban_yu的博客
05-15 9296
float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致CSS背景不能显示。解决方案:    1.对父元素设置高度；    2.对父元素设置 overflow:hidden清除浮动;    3.把父元素也设置为float浮动；...
IE中子栏目使用float属性后背景不能正常显示原因及解决
铭心工作室
05-24 1071
IE浏览器对于CSS的支持很不完整，如下代码，在FireFox能够正常显示出背景，但是在IE中却不可以。 HTML:                                    培养方案                                     学籍指导                      CSS:.cqsub{ width:50%; float:left;}.t
IE6下与float元素相邻的position:absolute元素消失BUG
word1的专栏
04-22 1751
<!--#z{position:relative;width:400px;height:300px;border:1px solid #000;}#a{position:absolute;top:5px;left:5px;background:red;}#b{float:left;width:300px;background:yellow;}#c{float:left;width:
《WEB前端》float浮动要点，清除浮动的方法。
qq727366586的博客
02-01 843
如果想要对网页进行布局，那么比不可少的必须用到浮动。 浮动的特性：脱离了标准的文档流。 对于块级元素如span想要进行宽度和高度的改变，就可以对span进行浮动。 浮动之后不存在块级元素和行级元素，所有的元素都是平等的。 父元素浮动子元素不会浮动《不同于JAVA的继承》 （重点）浮动元素会被动的覆盖其他非浮动元素，但是不会覆盖其他非元素的内容 Documen
这个问题怎么解决could not convert string to float:
最新发布
05-20
要解决这个问题，可以先使用字符串的isnumeric()方法检查字符串是否只包含数字字符，如果是，则可以使用float()函数将其转换为浮点数。如果字符串中包含其他字符，则需要先将其删除或替换为数字字符，再进行转换。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值