ios - css 背景不适用于 ios 浏览器

Question

我的网站，你可以找到here ，在顶部菜单的菜单和 Logo 下方有一个 65% 不透明的 div，以帮助 Logo 和菜单脱颖而出。

它适用于 PC 和 Android 上的任何浏览器。

它不适用于任何 iOS 设备上的任何浏览器...(没有不透明背景的 Logo 和菜单显示)。

我的 CSS 是:

.tm-navbar-transparent:not(.tm-navbar-slide) .tm-navbar {
    background:rgba(0, 0, 0, 0.65);
};

Answer 1

定位风格的方式有点复杂。不确定 ios 是否支持“不”...只需给 div 一个类或一个 id 并使用 css 定位它。

在 html 中添加一个 id 到你的栏:

<div id='topbar' class='tm-navbar uk-navbar'> ... your topbar ... </div>

然后在 css 中

#topbar {  background:rgba(0, 0, 0, 0.65); }

如果不行试试:

#topbar {  background:rgba(0, 0, 0, 0.65) !important; }

因为可能有其他东西在瞄准它。