Правила CSS просто не применяются в Internet Explorer.Где мне искать дополнительную информацию?

Question

У меня здесь не так много информации. Мой сайт работал в IE8, но сейчас стили не применяются. Инструменты разработчика показывают, что все CSS-файлы загружены , , но никакие элементы не показывают, что эти стили применяются . Chrome & Firefox по-прежнему без проблем применяет все стили.

Я знаю, что вы не можете помочь мне без дополнительной информации, но, может быть, у вас есть представление о том, где я могу найти ошибку? Весь мой JavaScript работает нормально. Возможно ли, что неверный файл CSS просто остановит все приложения стиля, или что-то в этом роде?

Спасибо за любые предложения!

PS: возможно, уместно - мой базовый CSS-файл импортирует несколько других - всего около 8.

Answer 1

1. Просто на всякий случай попробуйте удалить все импортированные файлы, а затем вернуть их один за другим.
2. Запустите ваш CSS с помощью W3C CSS Validator .
3. Прикрепите новый файл CSS, проверьте, работает ли он, затем медленно переходите к новому файлу, пока он не сломается.Попробуйте отследить, где он ломается.

Answer 2

Существует ограничение на количество CSS-файлов, которые могут быть включены на страницу в IE.Проверьте, включены ли у вас (> 31) CSS-файлы, см. http://drupaleasy.com/quicktips/internet-explorer-css-file-limits

Answer 3

проверьте, не упомянули ли вы DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd в вашем файле ... Однажды я столкнулся с подобной проблемой.

Не уверенесли это сработает, но попробуйте.

Answer 4

Даже если в одном файле css возникла ошибка (скажем, незакрытая фигурная скобка), из-за которой весь файл стал недействительным, это не должно повлиять на другие файлы css.Я предполагаю, что у вас нет html-комментариев по всем вашим включениям ... Возможно, вы делаете что-то систематически, что делает недействительными все CSS.Попробуйте добавить этот код в верхней части документа (скажем, под любым типом документа, просто потому что), и посмотрим, повлияет ли это на что-либо:

<style type="text/css">
* { background: #f00 !important; }
</style>

Answer 5

Посмотрите на файлы, которые импортируются, скажем, на основе body, и посмотрите, не выглядят ли они обрезанными.Это покажет синтаксическую ошибку.