在 IE11 中未设置 CSS 位置

Question

我有一个绝对定位的 megamenu，由于它的一些父元素需要有position:relative，我必须position:unset在直接父元素上使用。这适用于 Chrome 和 Firefox，但 IE11 不支持unset或initial.

我不能简单地从所有父元素中删除相对定位，因为这会破坏其他东西，但我必须让 megamenu 相对于页面绝对定位（固定位置不起作用）。是否有替代方法可以unset在 IE11 中使用？

Answer 1

unset 方法

如果一个属性的级联值是 unset 关键字，那么如果它是一个继承的 property，则 this 被视为inherit，如果不是，则 this 被视为initial。此关键字有效地擦除所有发生的声明值

在您的情况下，position不是继承的财产，因此它会始终考虑initial

每个属性都有一个初始值，在属性的定义表中定义。

For position, it'sstatic所以你可以简单地使用position:static它，它的行为与position:unset

参考：https : //drafts.c​​sswg.org/css-cascade-3/

为了使这更通用，您必须使用：

• property:inherit 如果是继承财产
• property:<initial_value>如果不是继承财产。然后您查看属性的定义表以找到初始值。

https://developer.mozilla.org/en-US/docs/Web/CSS/position