Firefox 3.0.3で@mediaの@importが機能しない
質問
これは私が持っているもので、IE7では動作しますが、Firefoxでは動作しません:
@media screen { @import 'screen.css'; }
Firefoxの@mediaブロックの外側で動作します:
@import 'screen.css';
更新:
これは動作します:
@media screen {
.yui-d3f
{
border: 1px solid #999;
height: 250px;
}
}
不足しているものは何ですか?
解決
FirefoxはCSS2仕様に準拠していますが、IEは高速かつ緩いプレイをしています。
正確な理由は、 @import
ディレクティブは、オプションの @charset
ディレクティブの後の最初のディレクティブでなければならないからです。ブロック内に表示することはできません。 @import
を1つのメディアタイプのみに適用する場合は、インポートされたURIの後に指定します。
CSS2仕様の関連セクションは次のとおりです。 6.3 @import
ルール。
他のヒント
OK、だからFirefoxは私が選んだ方法を好まない、好意的だ:
@import 'stylesheet.css' media_type;
しかしIE7はこの方法を理解していませんが、これは良いかもしれません:
@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
所属していません StackOverflow