html - 文本对某些 div 的不透明度为零，但对其他 div 则不是

Question

我正在开发一个托管在此处的 Bootstrap 模板:https://tricycle-203819.appspot.com/

有一个奇怪的错误，即标题 spice road 对于 loresum ipsum 文本是不透明的，但对于 jumbotron 灰色 div 中的文本是透明的。 jumbotron 灰色 div 的颜色无法通过 Logo The Spice Road 看到，但文本可以。

过去 30 分钟，我一直在更改 blog.css 和 bootstrap.css 中的 css 属性，但无济于事。以前有人遇到过这个问题吗？

Answer 1

问题是 header 从内容的正常流中移除。 jumbotran 不仅在标题上，而且在标题上。

由于标题总是在其他元素之上，您可以通过使用 z-index 来修复它。它的属性为任意数字。它最好大于 1000，否则它可能会干扰其他元素的“z-index”。这样做，标题总是在页面的其他内容之上。

.header-wrap {
  z-index: 1000;
}

更新

我刚刚注意到您使用了 background-color: rgba()。好像safari不支持。

要解决此问题，请使用 rgb(255, 255, 255) 或 #FFFFFF。您还可以使用 Bootstrap 的 bg-white 类。