Question

我正在使用Foundation和“ .responding-embed”视频，我在顶部有一个移动菜单覆盖。但是我发现，如果在视频之前（如标题中）定义了此属性，那么我期望z-index将其放置在顶部的属性将不起作用。

我不明白为什么，在标记中应用相同的值可以达到预期的结果。如何使红色的覆盖物放在上面？

[Codepen链接]（https://codepen.io/onlinechris/pen/VgWvab ）

<div class="overlay">
</div>

<div class="grid-x grid-padding-x">

  <div class="small-6 cell">
    <div class="responsive-embed widescreen">
      <iframe width="420" height="315" src="https://www.youtube.com/embed/mM5_T-F1Yn4" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
</div>

<div class="overlay--blue"></div>


.overlay {
  position:absolute;
  height:100vh;
  width:100vw;
  display:flex;
  background: red;
  top:0;
  left:0;
}

.overlay--blue { 
  position:absolute;
  height:50vh;
  width:100vw;
  display:flex;
  background: blue;
  top:0;
  left:0;
}

Answer 1

尝试在您的@Bean @Primary ActionRepository actionRepository(final ApplicationContext applicationContext, final Configuration configuration) { final var database = configuration.getString("..."); Map<String, ActionRepository> beanMap = context.getBeansOfType(ActionRepository.class); for (Map.Entry<String, ActionRepository> entry : beanMap.entrySet()) { Database db = context.findAnnotationOnBean(entry.getKey(), Database.class); if (db != null && db.value().equals(database)) { return entry.getValue(); } } throw new RuntimeException("Cannot find the bean..."); }中添加一些z-index。

here

基金会的“响应式嵌入”视频出现在覆盖图的顶部-为什么？

1 个答案: