IE8 CSS Shadow не отображается правильно на родительском div

Question

Вот мой сайт: http://uwf.edu/honors/thesis_submission/

В Firefox все абсолютно великолепно.Однако в IE8 тень не окружает нижний div нижнего колонтитула внутри моего контейнера.

<div class = "container">
    ...
    <div style = "clear:both"></div>
    <div class = "..." id = "footer">
    </div>

</div>

Есть идеи относительно того, почему это происходит?

Answer 1

IE8 изначально не поддерживает свойство box-shadow CSS.

Я отмечаю, что вы используете стиль filter для достижения того же эффекта.

Во-первых, для IE8вы должны использовать -ms-filter вместо просто filter, а также заключить значение фильтра в кавычки, например так:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 135, Strength=5)";

Вам также необходимо сохранить существующий стиль filter, если вы хотитеподдержка IE6 и IE7.

Во-вторых, я настоятельно рекомендую использовать такой продукт, как CSS3Pie , чтобы добавить поддержку стандартного CSS box-shadow в IE.Это существенно упростит ваши таблицы стилей и облегчит их обслуживание.

Answer 2

Ваш HTML испорчен.

должно быть <div style = "clear:both"></div>