Home > Mac > Internet Explorer @mediaで括ったスタイル指定が無効になる

@mediaで括ったスタイル指定が無効になる

メディアタイプを特定させる構文である @media type { ? } で括られた範囲内のスタイル指定が全て無視される。

例示

<style type="text/css">
<!--
p.sample {
    color: red;
}
@media screen {
    p.sample {
        font-style: italic;
    }
}

-->
</style>

<p class="sample">赤いイタリック</p>

赤いイタリック

screenメディアでは文字列が斜体で表示されるはずです。

スクリーンショット

WinIE6WinIE6.0での表示(標準モード)

補足

MacIEでバグを持つスタイル指定を@mediaで括ることによって、バグを回避することができます。

修正状況

MacIEで発生する模様。

Home > Mac > Internet Explorer @mediaで括ったスタイル指定が無効になる

Search
オススメ書籍
Feeds

Return to page top