HTML5のスタイル設定でie7.jsスクリプト(html5のスタイリングサポートを有効にする)と組み合わせてページを設定しています。それはflawlesslyより前に働いていましたが、現在は同じ設定を使用しています。websiteはIE6/7で表示されています。私は今それを数日間忙しんでおり、理由を知ることができません。何が間違っているかを知ることができる人ですか?何らかの理由で、エクスプローラ<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')all; @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
@importがCSSのために使用されている場合、bodyがロードされた後にスタイルシートがインクルードされるので、JavaScriptが定義されているCSSクラスやスタイルに依存しているそのために失敗しました。 @importを避けることは素晴らしい考えです。 – nybbler