css - Модель обозревателя Internet Explorer-что такое офсет?




internet-explorer internet-explorer-7 (3)

Вы можете попытаться использовать: position: -ms-device-fixed; этот трюк помогает мне.

Я пытаюсь адаптировать сайт для поддержки IE 7. У меня есть несколько элементов, которые, однако, смещены вправо на 69 пикселей. Я тестирую в IE9, чтобы отображать страницу так, как если бы это был IE7. Когда я включаю режим разработчика и проверяю элемент, я замечаю, что вокруг «поля» есть параметр «offset».

Я никогда не слышал об этом раньше, и Googling не очень помог мне - мне удалось найти что-то о float-offset, что было не то же самое, но я полагаю, что это было, чтобы устранить некоторые проблемы режима quirks? Как я могу устранить этот параметр offset?

Очевидно, что у меня есть специальная таблица стилей IE-7, и вы можете самостоятельно протестировать проблему, перейдя в мою тестовую среду по этой ссылке:

http://suitable.amok-adhoc.com/2012/

Решено:

Нашел решение - это было довольно просто. Просто нужно было явно объявить позицию подобным образом (хотя она была унаследована от родительского элемента во всех других браузерах, IE добавил маржу и назвал ее «offset», которая была отменена, делая это):

p {
    left:0px;
}

У меня была аналогичная проблема, моя ширина заголовка заголовка не отображалась правильно (появлялась в сжатой ширине), после некоторой отладки я понял, что добавил rem Poly-fill, которая создавала проблему для меня. Я использовал meta(http-equiv="x-ua-compatible" content="IE=Edge,chrome=1") .

После удаления rem-polyfil JS-файла он начал работать правильно для меня.


Смещение - это расстояние, на которое элемент был перемещен из исходного местоположения. Это видно, когда вы позиционируете элемент как относительный, так и абсолютный с left , top , bottom и / или right значениями. В качестве примера возьмем следующий код:

#header {
    top: 3em;
    left: 3em;
    position: relative;
}

Если мы проверим этот элемент в Internet Explorer 10, мы увидим смещение, которое вы упомянули. Значения em были преобразованы в пиксели, но эффект все еще виден. Обратите внимание, что мы видим что-то подобное в Chrome Developer Tools (также в Opera), но вместо этого оно помечено как «позиция»:

Как ни странно, Firefox даже не может сообщать о смещении / позиции через их иллюстрацию:

В конце концов, это вопрос простой семантики. Будем ли мы называть это «смещением» или «позицией», это все равно одно и то же; это расстояние от исходного местоположения на экране.

Надеюсь это поможет.





offset