2011-02-09 1 views
0

Я настраиваю страницу частично в стиле HTML5 в сочетании с сценарием ie7.js (что позволяет поддерживать стилирование html5). Он работал до flawlessly, но теперь я использую одну и ту же настройку, website появляется в IE6/7 без использования. Я уже много дней занимаюсь этим и не могу понять, почему. Любой, кто может узнать, что не так?Страница в Explorer <8 по какой-то причине не получается

Это моя голова:

<!--[if lt IE 9]><script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script><![endif]--> 

<link rel="profile" href="http://gmpg.org/xfn/11" /> 
<link rel="stylesheet" type="text/css" media="all" href="http://zzappservices.nl/wordpress/wp-content/themes/zzapp/style.css" /> 
<link rel="shortcut icon" type="image/x-icon" href="http://zzappservices.nl/wordpress/wp-content/themes/zzapp/favicon.ico" /> 

<!-- Scripts, CSS and settings specific targeted to Internet Explorer --> 
<!--[if lt IE 9]><link rel="stylesheet" href="http://zzappservices.nl/wordpress/wp-content/themes/zzapp/css/ie.css" type="text/css" /><![endif]--> 
<!--[if IE 6]><link rel="stylesheet" href="http://zzappservices.nl/wordpress/wp-content/themes/zzapp/css/ie6.css" type="text/css" /><![endif]--> 

<!--[if IE]> 
<link href="http://zzappservices.nl/wordpress/wp-content/themes/zzapp/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> 
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=0.0001)"> 
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=0.0001)"> 
<![endif]--> 

страница отлично работает в WebKit/Mozilla браузеров.

+0

Кажется, что он зажимает объявление в style.css: '@import url ('css/layouts/1column.css') все; @import url ('css/styling.css') все; @import url ('css/print.css') print; @import url ('extra.css') all; 'если я свяжу эти таблицы стилей напрямую, это сработает (хотя макет довольно хорош, но этого я и ожидал). Кто-нибудь знает, почему это происходит? – grrrbytes

+0

В любом случае, я буду использовать метод @import, поскольку он, по-видимому, влияет на производительность отрицательно: http://stackoverflow.com/questions/4801302/css-import-or-link-rel-with-media-attribute. Еще интересно, почему исследователь задыхается от этого, хотя ... – grrrbytes

+0

В IE, если @import используется для CSS, таблицы стилей будут включены после загрузки тела, поэтому, если ваш JavaScript опирается на определенный класс CSS или стиль, это может быть из-за этого. Избавление от @import - отличная идея. – nybbler

ответ

1

Одна из проблем, которые могут возникнуть в связи с тем, что ваша таблица стилей CSS, которая должна быть включена, если IE < 9 не существует. Попробуйте посетить: http://zzappservices.nl/wordpress/wp-content/themes/zzapp/css/ie.css, и вы получите пустую страницу.

Похоже, что таблица стилей IE 6 также отсутствует. Если это разрешено, вы должны копировать эти файлы локально для своего сайта для обеспечения надежности.

+0

Они есть, но до сих пор они пустые, так как я еще не начал делать сайт IE совместимым. Но даже если я удалю ссылки, это все равно произойдет. Фактически это только в IE <8 – grrrbytes