html - Chrome 没有呈现 div，但 MS Edge 和开发版本正在使用 React 按预期呈现

Question

该站点位于http://www.ipworld.ca/ ，但它应该如下所示： 从使用 chrome 查看的开发构建中， 我尝试通过 css 增加 z 顺序，但没有运气。请注意，元素已加载，但未在实时版本中显示。

标签： htmlcssreactjsgoogle-chromereact-bootstrap

Answer 1

我认为问题在于卡的透明度。只需在 css 中进行这些更改。

.services-card {
    max-width: 66%;
    opacity: 1; 
    margin: auto;
    background: rgba(255,255,255,0.8);
}

不透明度会影响 div 中所有内容的可见性。在您的情况下，您应该更改背景。

https://www.w3schools.com/cssref/func_rgba.asp