シガーな時間

メインのサイトは http://sinfonia-wld.com/|

全体表示

[ リスト ]

オペラの古いバージョン、FireFox、ネスケ、IE6などでは問題が無かった、CSSの記述のミス。
オペラ 9.63 だと見事にエラーを返されました。
ま、しょうもないミスをするほうが悪いのですが・・・。

------------------------------------------------------------
<<css>>

span {
color:red;
}
span {
color:black;
}

<</css>>
-------------------------------------------------------------

とした場合、CSSは後から読み込んだほうを優先するので、文字色が黒になります。
しかし、ここで、しょうもないミスをした場合、

------------------------------------------------------------
<<css>>

span {
color:red;
}
span [
color:black;
}

<</css>>
------------------------------------------------------------

オペラ 9.63 だと、{ を間違えて、 [ と入力した部分以下のCSSを読んでくれないのです。
IE6などでは問題なく読んでくれていました。
まあ、ハックに使えないこともないとは思いますが、

------------------------------------------------------------
<<css>>
/* すべてのブラウザに適用させたいCSSをこれより上に記載 */

/* オペラ 9.63用 */
span {
color:red;
}

/*これより下 オペラ 9.63 に読ませない*/
.bag [
color:black;
}

/*オペラ 9.63 以外*/
span {
color:black;
}

<</css>>
-------------------------------------------------------------

こんな感じですが、わざわざこんなことをするより、オペラのハックを普通に使う方がいいですね。

------------------------------------------------------------
<<css>>

/* オペラ 9.63用 */
span:not(\*|*) {
color:red !important;
}

/*オペラ 9.63 以外*/
span {
color:black;
}

<</css>>
-------------------------------------------------------------

上記ハックは、http://d.hatena.ne.jp/momizine/20090108/1231397816 からの情報です。
他にも色々なブラウザのハックが掲載されていてとても参考になりました。

この記事に

閉じる コメント(0)

コメント投稿

顔アイコン

顔アイコン・表示画像の選択

名前パスワードブログ
絵文字
×
  • オリジナル
  • SoftBank1
  • SoftBank2
  • SoftBank3
  • SoftBank4
  • docomo1
  • docomo2
  • au1
  • au2
  • au3
  • au4
投稿

開く トラックバック(3)


.


みんなの更新記事