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

最新推荐文章于 2021-06-30 06:58:56 发布
最新推荐文章于 2021-06-30 06:58:56 发布 · 673 阅读 · 0
文章标签：

#IE

作者在使用div的float属性创建图片列表时遇到IE7浏览器显示异常问题，表现为容器背景透明。通过hack方法解决了该问题。

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

 

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

 

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

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

Float（浮动）导致的父容器背景不显示的解决方法
06-08
Float（浮动）导致的父容器背景不显示的解决方法，两种方法，都试一下比较好
C语言笔记-float值消失
u014101410的博客
07-24 430
遇到一个值得记录的问题，看程序 #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 2350
当div里面套嵌多个用float定义的层是，背景图没有办法在firefox里面显示。上网搜了一下才找到解决的方法。　　div+css布局无法避免的冗余标签，完全严格按照w3c的标准来布局是不可能的，想要在不同版本的浏览器下都表现出漂亮的网页，几乎无可避免地要使用一些多余的标签。　　总结而言，div布局必须用到冗余标签的地方主要有三个： 　　一是背景图和背景色，当内层元素的css属性全部为“floa
html5子级float后父级的背景不见,css清除浮动float的兼容性方法
weixin_35924003的博客
06-30 426
这次给大家带来css清除浮动float的兼容性方法，css清除浮动float兼容性方法的注意事项有哪些，下面就是实战案例，一起来看一下。在清除浮动前我们要了解两个重要的定义：浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。高度塌陷：浮动元素父元素高度自适应(父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷)知道浮动和为什么要清除浮动之后我们可以开...
css设置浮动导致背景颜色无效解决方案
hua_ban_yu的博客
05-15 9583
float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致CSS背景不能显示。解决方案:    1.对父元素设置高度；    2.对父元素设置 overflow:hidden清除浮动;    3.把父元素也设置为float浮动；...
【梯度消失与爆炸】：深度分析及解决方案
![【梯度消失与爆炸】：深度分析及解决方案](https://img-blog.csdnimg.cn/20200923231245964.png?x-oss-process=image/watermark,...本文系统地概述了梯度消失与爆炸问题，从理论基础出发，深入分析了反向传播算法及
雷达在高速运动的背景下识别微多普勒特征会出现什么问题
最新发布
12-27
然而这种方法可能不足以完全解决因极端条件引起的时间同步误差问题，特别是在极高加减速情况下。 #### 多径效应的影响 除了上述两点外，还有可能出现严重的多路径传播情况——即同一束电波经由多个途径到达接收端...
YOLO目标检测常见问题及解决方案：快速解决你的疑难杂症
[YOLO目标检测常见问题及解决方案：快速解决你的疑难杂症](https://img-blog.csdnimg.cn/direct/ce80ede208084a9c9234777df9077ff0.png) # 1. YOLO目标检测概述** YOLO（You Only Look Once）是一种单次卷积神经...
【案例研究与实践】故障诊断与问题解决：小波变换在工程问题中的应用实例
!...# 1. 故障诊断与问题解决概述 ## 1.1 故障诊断的重要性 故障诊断是维护和提高系统可靠性的关键环节。...然而，随着技术的进步，越来越多的工具和算法被引入到故障诊断与问题解决的过程中，如小波变换等
嵌入式AI调试避坑大全：解决TinyML推理异常的12种高频问题及应对策略
[嵌入式AI调试避坑大全：解决TinyML推理异常的12种高频问题及应对策略](https://freeelectron.ro/wp-content/uploads/2019/12/cross-compile-1024x561.png) # 1. 嵌入式AI与TinyML调试概述 随着边缘计算的兴起，...
li标签左浮动后，背景图片显示不出来的原因
weixin_30321449的博客
02-08 844
看代码<ul style="border:1px solid #ff0000"> </ul> 只有UL 你看到的是一条线 而不是一个框 那是因为UL里面没有东西 修改代码 加上LI <ul style="border:1px solid #ff0000"><li></li> </ul> 再看效果 你会看到一个框...
HTML-input文本框（添加提示文字，填写内容时消失）
热门推荐
Bule_daze的博客
01-26 11万+
input文本框内添加提示文字，填写内容时消失： 用placeholder属性作为提示语 <input placeholder="提示语..."></input>
关于float浮动的注意事项
sinat_36841379的博客
03-19 2579
关于float属性，我们是用来定义元素在哪个方向浮动的，之前这个属性是用来应用于图像的，使文本可以围绕图像周围，不过在现在的css中，任何的元素都可以进行浮动的。浮动的元素都是生成一个块级而无论之前这个元素是什么元素。这个块级框实际上就是可以设置高度，宽度等属性的意思。如果是标签，如果我们应用了浮动的话，本来标签就是行内的元素是不可以设置大小的，它的宽度一般就是它的内容的宽度，高度也是内容的高度，
Margin与float:left同时使用…
12-30 2716
原文地址：IE6有双倍距的bug">Margin与float:left同时使用 IE6有双倍距的bug作者：箜房子IE6有双倍距的bug" TITLE="[转载]Margin与float:left同时使用 IE6有双倍距的bug" /> 关于Margin-left或是Margin-right 与float:left同时使用时，在IE6会有双倍距的bug。 解决方案：在同时使用这两个参数
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值