没有 ActiveX 警告的 css 变量的 IE 回退

Question

我正在尝试使用 CSS 变量为 IE 做一个优雅的回退。所以我这样做了：

body {
    background: brown;
    background: var(--main-bg-color);
}

这有效，但是 IE 会警告 ActiveX 组件并让我允许它。我在下面附上了截图。有没有没有 ActiveX 提示的回退？

Answer 1

我在这里是出于无知，但你绝对确定 ActiveX 问题与使用具有自定义属性值的 background 属性的回退有关吗？您是否在使用 IE 的任何加载项？如果是，您是否尝试过禁用它们？

一些加载项依赖于 ActiveX，如果它们不能正常工作，它们可能会在呈现网站时导致一些问题。

让我感到奇怪的是 CSS 回退属性可能会导致这种情况，因为大多数布局引擎只会忽略具有无效值的属性，即：

.class {
    color: #000;
    color: invalidValue;
}

由于 invalidValue 不是 color 属性的有效颜色值，因此布局引擎的常见做法是忽略此属性（及其值）并只使用该属性的先前声明（如果没有先前的声明，它们将回退到 initial/inherited 值）。话虽这么说，如果 IE 对您的 --main-bg-color 自定义属性有某种问题，它应该使用 brown 作为后备，因为它最初是预期的。

没有 ActiveX 警告的 css 变量的 IE 回退

IE fallback of css variables without ActiveX warning

internet-explorer

css-variables