div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图片所覆盖

Posted 2023-04-12

参考技术A 那是不可能的吧……除非你让内层DIV不显示。或者让内层的坐标处于外层尺寸范围之外。如果有重复的话，内层肯定会挡住外层的啊。不过如果你设置FILTER的话，或许会达到背景朦胧重叠的效果。追问

的确是挡住了，就算可显示但不可以是朦胧的必须是清晰的才可以，求救啊，头都大了，也想不出来

参考技术B position: absolute;或者 position:relative;默认在最顶层显示 参考技术C 子级上设置opacity（0~1） 参考技术D 如果是两个DIV有重叠的话 肯定是有一个会被覆盖的，就看你要哪个覆盖 哪个被覆盖了追问

没有重叠，我想到了解决的办法，把里面的DIV盒子背景颜色设置为透明就可以了
呵呵，谢谢啦，帮我想了那么多办法^ - ^

追答

那你不要给子盒子设置背景不就行了 设置透明 也想别的浏览器不会兼容

Firefox div背景颜色不显示，必须要在div中加入内容才显示。怎样才能不加内容就可以显示背景颜色

Firefox div背景颜色不显示，必须要在div中加入内容才显示。怎样才能不加内容就可以显示背景颜色

　　您好！很高兴为您答疑。
　　您对该问题的原因定位有错。其实不管您有没有内容，div都会显示背景色。但是当您的div中没有元素时（内容），div会被压缩，也就造成您不显示背景色的错觉。要解决此问题，您有以下2个方案：1、为div指定默认高度和宽度；2、在div中输入空格。第二种方法更适合要用文字填充的div。
　　如果对我们的回答存在任何疑问，欢迎继续问询。 参考技术A 那是因为你没有加上div的高度和宽的加上就没有错了：如
#fdiv
height:300px;
width: 300px;
background-color: orange;

还有种可能是你用了float：你需要再不需要float的地方都去掉，需要float的地方也要在下边清浮动，然后在调整，因为 float浮动了，就是脱离父容器了，父容器本身又没有高度设置，也就是实际上没有内容把父容器撑起来。本回答被提问者采纳 参考技术B 定义div的宽度和高度！