Ошибка рендеринга IE8: после переключения видимости javascript содержимое div остается белым

Question

Страница здесь (http://skergeth.net/slidingfooter/) содержит нижний колонтитул, который сдвигается вверх, когда вы нажимаете на кнопку связаться с нами. Затем отображается форма контакта.

Однако в IE8 он скользит вверх, и div, содержащий форму, остается белым, пока он не наведен мышью. Я также попробовал подход, который заключается в том, что нижний колонтитул имеет переполнение: скрытый, но поскольку внутри нижнего колонтитула должны быть переполнены другие элементы (меню, которое простирается вверх), это не вариант.

Не думаю, что это javascript, но потому что я попытался отложить переход и убедился, что перед ним вызывается setVisible, но с тем же результатом.

Надеюсь, я ясно дал понять.

Спасибо за все ваши ответы!

Answer 1

add height: 1% для div, который идет после div, имеющего id = "footercontent" и это должно работать. (примечание: протестируйте его во всех браузерах) это происходит, когда IE не нашел значение для высоты

Answer 2

У меня была такая же проблема. Решено с помощью:

#div-name * {
    visibility: visible;
}

Answer 3

Попробуйте добавить масштаб: 1 и / или положение: относительно #footercontent или любого из элементов внутри него. Это заставляет IE устанавливать hasLayout и исправляет множество проблем css.

Answer 4

Элемент div, содержащий форму, кажется, загружается нормально, так как «Contact Us» h1 виден. Эта форма специально не отображается в IE8.

Попробуйте поиграть со свойствами отображения элемента form.