@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で発生する模様。

関連記事

スポンサーリンク

right 右からの配置位置(距離)を指定する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る