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

#css #internet-explorer-8

Вопрос:

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

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

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

</div>

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

Ответ №1:

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

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

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

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

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

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

1. Спасибо за предложения… Я внес изменения, однако они дали те же результаты. (Хотя тень лучше! :)) Я изучу CSS3Pie

2. Я использовал CSS3Pie, и теперь он выглядит замечательно! Большое вам спасибо! : D

Ответ №2:

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

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