二重にメディアを指定されたスタイルを認識しない

症状

linkタグのmedia属性で複数のメディアを指定された外部スタイルシート内の、@media宣言によって括られた範囲内のスタイル指定を認識しない。

例示

この文書内のlinkタグ:

<link rel="stylesheet" type="text/css" href="b013.css" title="専用" media="screen,print">

b013.css内の記述(一部):

@media screen {
  h3 {
    border-right: 10px solid #1e90ff;
  }
}

screenメディアでのみ、h3要素に右ボーダーが表示されます。

スクリーンショット

ページ右上部のスクリーンショットです。下段の青いボーダーがh3要素のものです。

Moz1.0Moz1.0での表示

Op6Opera6.05での表示

補足

このバグを利用すれば、Operaに特定のスタイルを認識させないようにすることができます。

外部スタイルシートの@mediaでのメディア指定がlink要素のmedia属性でのメディア指定をすべて含むようにすればこのバグを回避できます。(2002-10-12追記)

<link rel="stylesheet" type="text/css" href="b013.css" title="専用" media="screen,print">

b013.css内の記述(一部):

@media screen,print {
  h3 {
    border-right: 10px solid #1e90ff;
  }
}

また、外部シート内を @media all としても、バグを回避できます。

修正状況

Opera6.05では不具合の発生を確認しました。Opera7.0では標準・互換モードともに不具合の発生は確認されませんでした。

スポンサーリンク

関連記事

スポンサーリンク

トラックバックの仕様

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

上に戻る