2011-02-09 16 views
0

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ブラウザで完璧に動作します。

+0

これは、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

+0

とにかく、とにかく、パフォーマンスに悪影響を与えると思われるので、@importメソッドを削除します:http://stackoverflow.com/questions/4801302/css-import-or-link-rel-with-media-attributeそれでもエクスプローラがなぜこれに悩まされているのだろう... – grrrbytes

+0

@importがCSSのために使用されている場合、bodyがロードされた後にスタイルシートがインクルードされるので、JavaScriptが定義されているCSSクラスやスタイルに依存しているそのために失敗しました。 @importを避けることは素晴らしい考えです。 – nybbler

答えて

1

問題は、IE < 9が含まれていないと、CSSスタイルシートが含まれている可能性があるためです。訪問:http://zzappservices.nl/wordpress/wp-content/themes/zzapp/css/ie.cssと空白のページが表示されます。

IE 6スタイルシートも存在しないようです。許可されている場合は、これらのファイルを信頼できるようにローカルサイトにコピーする必要があります。

+0

彼らはそこにいますが、私はサイトIEをまだ準拠させ始めていないので、これまでは空です。しかし、私が参照を削除しても、それはまだ発生します。実際にはIE <8 – grrrbytes

関連する問題