CSS 背景颜色在 Safari 中不起作用

Question

我们无法让 CSS 背景颜色在 Safari 中工作。

它适用于 Chrome、Edge 和 Firefox。它应该是这样的：

相反，深色背景根本没有显示，body 的背景图片显示了，这不是我们想要的。

这是一个片段：

.block-dark .block-overlay {
    background-color: #2d3133!important;
    position: absolute;    
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
.block-dark .container {color: white;}

<div class="block-dark">
  <div class="block-overlay" style="opacity: 90%"></div>
  <div class="container">
    <div class="row">
      <div class="col-sm-12 col-xl-8">
        <h1>Air conditioning</h1>
      </div>
    </div>
  </div>
</div>

感谢帮助。

Answer 1

这可能与 Safari 中确定字母键的方式有关。尝试使用 RGBA 值设置它，而不是像这样：

background-color: rgba(45, 49, 51, 255);

这里有更多详细信息：https://www.tutorialrepublic.com/css-tutorial/css-opacity.php

Answer 2

不就是因为z-index: -1;吗？？？

如果你想使用 z-index，请使用这个：

z-index: 0; // or 1

CSS 背景颜色在 Safari 中不起作用

CSS background-color not working in Safari

css

safari

background-color