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

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属性的有效颜色值，因此布局引擎通常会忽略此属性（及其值）并使用之前的声明该属性（如果没有先前的声明，则它们回退到初始/继承的值）。有了这个说法，如果IE对你的--main-bg-color自定义属性有某种问题，它应该使用brown作为后备，就像最初的预期一样。