IE8 CSS Отрицательная маржа, поднимающая родительский элемент

Я использую отрицательный запас, чтобы вытащить <li> для эффекта наложения. Этот эффект работает во всех браузерах, включая IE7, но не в IE8. Кажется, что IE8 тянет весь <ul> вверх -4px (высота отрицательного края)IE8 CSS Отрицательная маржа, поднимающая родительский элемент

Я пробовал бороться с ним и был бы признателен за любые рекомендации этого сообщества о том, как решить эту проблему. Я бы предпочел придерживаться как можно ближе к моим текущим стилям, поскольку position:absolute может вызвать проблемы z-index в IE7. Вот страница - http://actorstheatre.org/. Это основная навигация вверху.

источник

2010-11-02 Jason McCreary

Вы вместо этого попробовали position:relative;top:-4px;?

источник

2010-11-02 15:04:13

Это на самом деле 'позиция: относительная;'. Добавление 'top' вместо« margin »заставляет все браузеры вести себя фанки, хотя и непротиворечивые. –

Веселый, каким образом? Можете ли вы сделать упрощенную версию этого? –

Веселый, как в этом ничего не исправить, но сделал его хуже. Я понимаю, к чему вы клоните. Цель состояла не в том, чтобы переделать все стили для этого навигатора. Но все же понять, что происходит с IE8. Это * challenge *;) –

Если это только в IE8, вы можете заставить его работать в режиме совместимости с IE7.

<meta content='IE=7' http-equiv='X-UA-Compatible'>

http://msdn.microsoft.com/en-us/library/ms533876.aspx

источник

2010-11-02 15:11:26

Я понимаю это, но это не решение в моем сознании. Спасибо хоть. –

IE8 CSS Отрицательная маржа, поднимающая родительский элемент

ответ

Смежные вопросы