在 IE 的 Twitter Bootstrap 导航栏中替换背景

Posted 2023-03-06

【中文标题】在 IE 的 Twitter Bootstrap 导航栏中替换背景

【英文标题】：Replace background in Twitter Bootstrap navbar for IE

【发布时间】：2012-12-14 20:08:01

【问题描述】：

我正在尝试用我自己的图像替换 Twitter Bootstrap 导航栏的背景图像。它适用于 Chrome、Firefox 和 Safari，但不适用于 Internet Explorer。我对 IE 缺少什么？ （在 IE 中仍然是纯黑色）

.navbar.navbar-inverse.navbar-fixed-top .navbar-inner 
    background: url(/assets/navbar.png) repeat-x;
    box-shadow: none;
    border: none;
    -webkit-box-shadow: none;

【参考方案1】：

你需要添加这个：

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

【讨论】：

哇，非常感谢！ WTF那甚至在做吗？我以前从未见过。

不客气！我的答案中的代码只是禁用了 Bootstrap 设置的渐变。 this blog post 的“使用 CSS3，而不是 DX 过滤器”部分对 DX 过滤器有很好的描述。

filter:none 为我解决了，正如here 指出的那样。