Я настраиваю страницу частично в стиле 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 браузеров.
Кажется, что он зажимает объявление в 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
В любом случае, я буду использовать метод @import, поскольку он, по-видимому, влияет на производительность отрицательно: http://stackoverflow.com/questions/4801302/css-import-or-link-rel-with-media-attribute. Еще интересно, почему исследователь задыхается от этого, хотя ... – grrrbytes
В IE, если @import используется для CSS, таблицы стилей будут включены после загрузки тела, поэтому, если ваш JavaScript опирается на определенный класс CSS или стиль, это может быть из-за этого. Избавление от @import - отличная идея. – nybbler