Позиция CSS не установлена ​​в IE11

У меня есть мегаменю, которое абсолютно позиционировано, и, поскольку некоторые из его родительских элементов должны иметь position:relative, я должен использовать position:unset для прямого родителя. Это работает в Chrome и Firefox, однако IE11 не поддерживает unset или initial.

Я не могу просто удалить относительное позиционирование для всех родительских элементов, так как это сломает другие вещи, но я должен иметь абсолютное позиционирование мегаменю относительно страницы (фиксированное положение не работает). Есть ли альтернатива unset, которая будет работать в IE11?


css css-position internet-explorer-11 unset
person Erica Stockwell-Alpert    schedule 02.07.2019    source источник
comment
Это не работает. Мое мегаменю должно быть шириной всей страницы, и когда я удаляю родительские относительные позиции, я получаю это, но когда я устанавливаю для родителя значение postiion:static, он принимает только ширину родительского элемента   -  person Erica Stockwell-Alpert    schedule 02.07.2019
comment
Ты прав. Была еще одна позиция: над ним не устанавливалось, что его сбрасывало. Статические работы   -  person Erica Stockwell-Alpert    schedule 02.07.2019

Ответы (1)


arrow_upward
5
arrow_downward

unset означает

Если каскадным значением свойства является ключевое слово unset, то, если оно является унаследованным свойством, оно обрабатывается как inherit, а если нет, то оно обрабатывается как initial. Это ключевое слово эффективно стирает все объявленные значения, встречающиеся

В вашем случае position не является унаследованным свойством, поэтому всегда будет учитываться initial

Каждое свойство имеет начальное значение, определенное в таблице определения свойства.

Для position это static Так что вы можете просто использовать position:static и он будет вести себя так же, как position:unset

Ссылка: https://drafts.csswg.org/css-cascade-3/

Чтобы сделать это более общим, вы должны использовать:

  • property:inherit если это унаследованное имущество
  • property:<initial_value> если это не унаследованное свойство. Затем вы просматриваете таблицу определения свойства, чтобы найти начальное значение.

введите здесь описание изображения

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

person Temani Afif    schedule 02.07.2019