【CSS】怎么让子元素显示最外层背景图片

假设给body一个背景图片，body中有一个header，这个header是半透明的，然后header中有一个导航，这个导航在选中状态下，完全透明（就是可以透过header显示背景图片）,在不修改这种代码结构的情况下，是否能实现？？？
59ab4c9fly1fhicqjyvrcj20k407ldkq.jpg

回答：

没怎么明白你的意思，如果要让子元素有背景图直接给个background-img就行了啊

回答：

写少了吧，父元素已经设置了background:rgba(0,0,0,0.6);
父元素的设置跟子元素没有什么关系！
给出代码和运行的截图吧，不然不好判断怎么解决！

回答：

泻药。
问题看了两三遍，然后开始怀疑自己的理解能力。

背景图片在父元素外面。
在父元素外面的背景图，那就是说，这个图片是在某个子元素的父元素的父元素中，像这样：

<div id="A">
  <div id="B">
    <div id="C"></div>
 </div>
</div>

然后背景图片是在 id="A" 的这个元素中？

父元素设置了background(0,0,0,0.6)；

这个又是指哪个父元素呢？然后这个是背景色的透明度为0.6，不是背景图片；

子元素想完全显示背景图片该怎么做？

这个的可能性就多了，比如，你的子元素宽高是多少，是否有 padding，并且是否有 border，以及你的 border-style 是怎么样的。这些都是影响的因素之一。

对，是的，之一。因为还有一些因素是跟这个子元素的父元素有关。比如宽高，是否有 overflow 等。

最后，还有就是，你这个背景图片的大小是怎么样的，是否设置了图片的 background-size 呢？

综合以上所考虑的问题，再结合你的问题，我只想说谢邀，但我不知道。

谢谢。

以上是 【CSS】怎么让子元素显示最外层背景图片 的全部内容， 来源链接： utcz.com/a/155695.html

回到顶部