CSS не рендеринг полностью в IE9

Question

Я создал сайт с использованием WordPress и Foundation 5. Он хорошо зарекомендовал себя в современных браузерах, но клиенту он нужен для работы в IE9. Я тестирую его в IE9 с использованием виртуальной машины Windows под управлением Windows 7, и сайт не загружает CSS полностью или правильно, и только некоторые из правил распознаются, как правило, первый экземпляр правила и ни один из последующих экземпляров ,

Вещи я уже пробовал

• У меня есть объявление DOCTYPE
• Я включил <meta http-equiv="X-UA-Compatible" content="IE=edge" /> первый в моем заголовке
• Дважды проверил паразитной console.log в моей JQuery
• У меня меньше 4096 селекторов в моем CSS
• Я протестировал w Ith все плагины выключены и скрипты удалены
• Я исправил все ошибки проверки HTML можно

сайт Балетмейстер: http://sytycw.pixelsmithdesign.com

Любая помощь будет принята с благодарностью.

EDIT: Как указано ниже, у меня было более 4095 селекторов, как только я подсчитал кратность.

Answer 1

Вы на самом деле за пределом 4095 селекторного для следующего файла: http://sytycw.pixelsmithdesign.com/wp-content/themes/sytycw_2015/css/foundation.css

Отличия от ваших подсчетов является то, что вам нужно, чтобы включить вложенные уровни правил в пределах @media деклараций.

krisbulman имеет версию простого подсчета скрипт, который вы можете запустить в Devtools, чтобы получить количество (я бы запустить его в Chrome, так что вы получите предупреждение, если не он будет показывать только 4095): https://gist.github.com/krisbulman/0f5e27bba375b151515d

Моего выхода для URL вы публикуемым выглядят следующим образом:

File: inline <style> tag 
Rules: 1 
Selectors: 1 
-------------------------- 
File: http://sytycw.pixelsmithdesign.com/wp-content/plugins/candidate-voting/resources/frontend/candidate-voting.css 
Rules: 6 
Selectors: 6 
-------------------------- 
File: http://sytycw.pixelsmithdesign.com/wp-content/plugins/revslider-5.0/public/assets/css/settings.css 
Rules: 220 
Selectors: 303 
-------------------------- 
File: inline <style> tag 
Rules: 9 
Selectors: 12 
-------------------------- 
File: http://sytycw.pixelsmithdesign.com/wp-content/themes/sytycw_2015/css/foundation.css 
Rules: 1776 
Selectors: 4419 
-------------------------- 
File: http://sytycw.pixelsmithdesign.com/wp-content/plugins/sytycw-manuscripts-1.0.5.1/resources/frontend/sytycw-manuscripts.css 
Rules: 1 
Selectors: 1 
-------------------------- 
File: inline <style> tag 
Rules: 1 
Selectors: 1 
-------------------------- 
VM1068:39 
******************************** 
WARNING: 
There are 4419 CSS rules in the stylesheet http://sytycw.pixelsmithdesign.com/wp-content/themes/sytycw_2015/css/foundation.css - IE will ignore the last 323 rules! 

вы можете легко проверить это, добавив новую таблицу стилей, которая расщепляет из половины правил (лично я просто добавил блок стиля в Дев инструментах в IE с последний из правил и увидел, что все встало на свои места).