Question

我的网站，您可以找到here，在菜单和徽标的顶部菜单上有65％的不透明div，以帮助徽标和菜单脱颖而出。

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

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

我的css是：

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

Answer 1

你瞄准你的风格的方式有点复杂。不确定ios是否支持'not'...只需给div一个类或一个id并用css作为目标。

在html中为您的栏添加ID：

IndexIgnore

然后在css

<div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Legal Links<span class="caret"></span></button>
        <ul class="dropdown-menu">
            <li><a asp-controller="Disclaimers" asp-action="CopyRight">Copyright</a></li>
            <li><a asp-controller="Disclaimers" asp-action="AcceptUse">Acceptable Use</a></li>
            <li><a role="separator" class="divider"></a></li>
            <li>Terms &amp; Conditions</li>
            <li><a asp-controller="Disclaimers" asp-action="TermsAndConditions">General</a></li>
            <li><a asp-controller="Disclaimers" asp-action="ITTerms">IT Support</a></li>
            <li><a asp-controller="Disclaimers" asp-action="Microsoft">Microsoft Software</a></li>
            <li><a asp-controller="Disclaimers" asp-action="HostingServices">Hosting Services</a></li>
            <li><a asp-controller="Disclaimers" asp-action="ManagedTerms">Managed Services</a></li>
            <li><a asp-controller="Disclaimers" asp-action="Privacy">Privacy Policy</a></li>
        </ul>
    </div>

如果不起作用，请尝试：

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

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

css背景不适用于ios浏览器

1 个答案: