Вертикальный центр работает за исключением IE7 (ячейка таблицы)

0

В настоящее время я получил наложение, которое вертикально центрирует все внутри него. Он отлично работает в современных браузерах и всей версии Internet Explorer до IE8.

В IE7 это, похоже, не работает. Но после некоторых исследований выяснилось, что IE7 не поддерживает display: table-cell; , Вот почему это вызывает проблему.

Однако я понятия не имею, как это исправить, чтобы он также работал в Internet Explorer 7.

Может ли кто-нибудь помочь мне в этом?

CSS

body.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

div#overlay {
    z-index: 1000;
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bd000000,endColorstr=#bd000000);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div#overlay div#verticalCenter {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

HTML (упрощенный)

<body class="noscroll">
    <div id="overlay">
        <div id="verticalCenter">
            Test 1 2 3 4 5 6 7 8 9 10
        </div>
    </div>
</body>
  • 0
    Обновите IE до лучшего ... Честно говоря, IE 7 очень старый, и в любом случае на нем не так много пользователей. Вам следует больше беспокоиться о том, как выглядит ваш сайт в современных браузерах, таких как Chrome, Safari, Mozilla и IE 10. Сделайте переход сейчас и избавьте от боли и страданий позже.
  • 0
    @BuddhistBeast К сожалению, не мне принимать эти решения.
Теги:
internet-explorer
internet-explorer-7

1 ответ

0
Лучший ответ

См. Следующие ссылки:

Поделиться
  • 0
    и еще 1000000 .. с гуглом .. :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню