IE 7 отрицательная ошибка маржи - PullRequest
4 голосов
/ 03 июля 2010

С этим кодом "TEXT" не отображается в IE 7. Я думаю, что это за ввод?Предоставление ему zindex не помогает, и я не могу использовать положение: относительное, потому что это портит другие вещи.есть идеи как починить?

<!DOCTYPE html>
<input/><span style='margin-left:-50px;'>TEXT</span>

Ответы [ 3 ]

4 голосов
/ 03 июля 2010

То же самое в IE 6. Добавление position: absolute; решило эту проблему в IE 6, так что, надеюсь, в IE 7 тоже самое:

<span style='margin-left:-50px; position: absolute;'>TEXT</span>
2 голосов
/ 06 мая 2012

Поля не являются надежными для встроенных элементов. Новые браузеры справляются с этим нормально, но старые по-прежнему не работают так, как вы ожидаете, во многих случаях. Таким образом, вам может потребоваться сделать элемент элементом уровня блока (что может привести к тому, что вам, возможно, потребуется использовать float, чтобы вернуть его обратно в линию, прежде чем расположить его над элементом формы, что, как я предполагаю, является предполагаемой конечной позицией.

Кроме того, z-index будет работать только для элементов, которые расположены. Я удивлен, что позиция: относительный портит другие вещи, но позиция: абсолютный не делает, я решил бы использовать {положение: относительный; слева: -50px; z-индекс: 10; } для пролета диапазона.

2 голосов
/ 03 июля 2010

IE7, похоже, имеет проблемы с отрицательными полями: http://www.brunildo.org/test/relayout.html

Кажется, что он работает безупречно в IE8, поэтому это определенно должна быть ошибка IE7.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...