CSS и IE7 Z-Index - PullRequest
Новая
       61

CSS и IE7 Z-Index

0 голосов
/ 29 июля 2011

Хорошо, я в тупике!

Если у кого-нибудь есть предложение или два по поводу исправления CSS / JavaScript для проблемы z-индекса IE7 на этой странице без значительного изменения структуры DOM (она настроена для удобного использования вкладок), я был бы невероятно счастлив попробовать вне.

На этой странице IE7 отображает полосу, которая занимает 100% ширины страницы над всем остальным, в то время как мне действительно нужно очень точно втиснуть ее между текстом и изображением героя (как это видно при просмотре в любом современном браузере). ).

Вот ссылка .

Спасибо.

1 Ответ

1 голос
/ 29 июля 2011

IE7 имеет известные ошибки с z-index, см .: Проблема с Z-индексом IE7 - контекстное меню

В этом конкретном случае вы можете исправить это, изменив несколько частей вашего CSS. Завершите каждый шаг и проверяйте прогресс на ходу:

  • Вкл. #container удалить position:relative.
  • Проблема z-index теперь исправлена, но все в неправильном положении!
  • Вкл. #thumbnails и .pane_img удалить эти свойства: position, top, left, z-index.
  • Вкл. .pane_content, установите left:50%; margin-left:-480px; bottom:90px.
  • На #learn_more_btn и .renova_logo повторите метод left: 50%; margin-left: ??px, чтобы вернуть элементы туда, где они должны быть.
...