Мне очень трудно разрабатывать для Internet Explorer.
Ниже приведен снимок проекта, который выглядит в IE9, а ниже в Google Chrome он выглядит одинаково и в Firefox.
Некоторые вещи не работают правильно в IE9 на этой странице ...
- Панель навигации, ссылки застряли вверху в IE вместо вертикально центрированного
- На панели навигации нет тени блока, примененной в IE
- Боковая панель и поля содержимого не имеют ни тени, ни скошенных углов в IE
- У полей тегов нет круглых краевв IE
- В разделе содержимого обратите внимание, что 2 тега «CSS» и «FONTS» на правой стороне страницы сдвинуты вниз, в версии Chrome они выровнены.
Проект не в сети, поэтому я не могу показать его, но я поместил раздел заголовка на страницу JSSFiddle здесь http://jsfiddle.net/kenLs/3/embedded/result/ вы можете видеть, что этот JSFiddle заголовка ДОЛЖЕН работать правильно в IE9.
Это действительно меня смущает, это работает на JSFiddle, но не на моем сайте.Я посмотрел на все, что я могу придумать, чтобы заставить его работать правильно.Я даже добавил <meta http-equiv="X-UA-Compatible" content="IE=9" /> в заголовок.У меня было несколько элементов HTLM5 на моей странице, но я заменил их на обычные div, просто чтобы протестировать с IE. Ничто из того, что я делаю, похоже, не изменит ни одну из этих проблем.
Снимок хрома
Я знаю, что это сложно отладить, так как проект не подключен к сети, но если у вас есть какие-либоидеи, почему это может происходить, я бы очень хотел знать.
ОБНОВЛЕНИЕ
Я только что понял, что на том JSFiddle, если я отключаю представление совместимости, тодаже заголовок будет выглядеть так же, как на моем изображении
Я также добавил еще один простой тест JSFiddle, в котором есть только код для моих тегов, даже этот маленький код не работает правильно в IE, я должен поразить совместимостьрежим, чтобы он работал, иначе углы квадратные http://jsfiddle.net/j9Qe3/1/