Bootstrap容器看不见？

我有一个全屏幕的Bootstrap容器，坐在我添加的颜色覆盖面前。但是容器似乎阻塞了覆盖层，即使它几乎是空的，为什么会这样呢？我需要它在我的容器后面，因为容器内的img需要位于颜色的顶部。虽然HTML的身体颜色正在通过。但我需要html的体色和叠加层，因为我正在逐渐淡出覆盖层以显示主体颜色......想知道是否听起来令人困惑。 = x预先感谢！Bootstrap容器看不见？

<div class="container-fluid"> 
    <div class="row row-xs-center"> 
     <div class="col-xs-12 text-xs-center"> 
      <img src="../img/cover_coral.png" id="myCover"> 
     </div> 
    </div> 
</div> 
<div id="myOverlay"></div>

来源

2016-02-13 Kelvin Zhao

如果您也可以提供CSS，那么我们可以更容易地重现和修复问题。 –

使用引导的container-fluid类将导致您的div标签跨越页面的宽度（以比特填充的应用）。如果你想在它前面展示一个覆盖图，你最好的选择是使用CSS来添加2000年的z-index（任何大数目都可以）。淡出时，只需为叠加层的不透明度设置动画和/或更改z-index，使其位于容器的后面。

来源

2016-02-13 04:15:27 michael

我试过使用z-index，但它不起作用。而且，如果它确实起作用了，它不会掩盖我在容器中的img吗？ –

是的，但你的图像在容器内。你想要用覆盖层完成什么？在容器上设置较低的z-index，覆盖图上较高的z-index，以及图像中更高的z-index（如果您希望它们像这样分层）。 – michael

Bootstrap容器看不见？

回答

相关问题