IE11中未设置CSS位置

时间:2019-07-02 19:56:24

标签: css css-position internet-explorer-11 unset

我有一个绝对定位的megamenu,并且由于其某些父元素需要具有position:relative,因此我必须在直接父元素上使用position:unset。这在Chrome和Firefox中有效,但是IE11不支持unsetinitial

我不能简单地从所有父元素中删除相对位置,因为这会破坏其他内容,但是我必须使megamenu相对于页面绝对定位(固定位置不起作用)。 unset是否可以在IE11中使用?

1 个答案:

答案 0 :(得分:3)

unset的意思是

  

如果属性的级联值是未设置的关键字,则如果它是继承的属性,则将其视为inherit,否则,将其视为initial。此关键字有效地清除了所有已声明的值

对于您来说,position不是继承的属性,因此它将始终考虑initial

  

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

对于position,它是static,因此您可以简单地使用position:static,它的行为与position:unset相同


参考:https://drafts.csswg.org/css-cascade-3/


要使其更通用,您必须使用:

  • property:inherit(如果是继承人的身份)
  • property:<initial_value>(如果不是继承的话)。然后,您可以查看属性的定义表以找到初始值。

enter image description here

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