ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Opera9.50を困らせるCSS発見

CSSがWebブラウザを機能不全に陥れるとは夢にも思わなかった

これはあくまでも自分の環境で起きる現象であると、あらかじめ予防線を張っておく。
mobile AMD Sempron, 1.6GHz 480MB RAM
WindowsXP SP3
Opera/9.50 (Windows NT 5.1; U; ja)

スタイルオプションはこんな感じ。

Operaスタイルオプション

でもって、以下の自家製UserCSS(ユーザースタイルシート)を原則としてほとんどのWebページに適用していた。

* {
font-family: inherit !important;
}
input, textarea {
font-family: "MS Pゴシック","MS PGothic" !important;
font-weight: bold !important;
}
body {
font-family: 'メイリオ', 'Meiryo' !important;
line-height: 160% !important;
color:       #000 !important;
background:  #ffc !important;
}
a:link {
color:           #900      !important;
text-decoration: underline !important;
}
a:visited {
color:           blue      !important;
text-decoration: underline !important;
}
a[target="_blank"]:before, a[target="new"]:before {
padding-right: 4px;
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAVElEQVR4nGP0+f+WAR1sYRT6jyGIBpgIKaC6RhZcEv/xOJaRkRIbTRoxA2ILERrpHzgMDQ3/MQAkaPBjrKGKHKKNjQwMZ+rfMVLNqQOUchobSdcIACN5M7J0SyZ/AAAAAElFTkSuQmCC");
}
input:focus, textarea:focus, select:focus {
outline: 2px solid blueviolet !important; 
background: #cfc !important;
}
/********* 不快な改行連続を無効にする */
br {
display: run-in;
}

先日、「Amazonの詳細ページとかYahoo!地図をOperaで開くと、CPU使用率100%の状態が延々と続く(後注)と言ったけど、上記UserCSSの最後に書かれているコード、すなわち、

/********* 不快な改行連続を無効にする */
br {
display: run-in;
}

… を取り除いたら、問題が解決した。つまりUserCSSが悪さしていたらしい。
(あと、うちのパソコンの処理能力が低いとか)

後注

誤解のないように言っておくと、Operaがクラッシュするわけではない。

CSSの解釈が変わった?

結論
Opera9.50で、www.amazon.co.jp, www.amazon.com, map.yahoo.co.jp のbr要素に対して display:run-in を適用すると、OperaはCSSの解釈で立ち往生する。

ただし、Opera9.27ではこの現象は起きず、Opera9.50で初めて起きた現象。CSSの解釈が変わったのかもしれない。
本来run-inはブロック要素に使うものであり、それをインライン要素(今回の例で言えば、br要素)に使用することに無理があるんじゃないかなぁ。

当ブログ内の関連エントリ(2008年06月19日以前)

2008年06月22日追記

mattzさんのコメントにあるように、
br+br{display:run-in;}
なら、おk

Google
WWW ArtSaltのサイドストーリー
br+br{display:run-in;}
なら平気みたいです。
ちゃんと連続改行を無効化しつつ、amazonやY!地図でも固まりません。
2008/06/20(金) 00:51:59 | URL | mattz #-[edit]
ありがとうございます。おっしゃるとおりであることを確認しました。
隣接セレクタならOKというわけですか…
2008/06/20(金) 16:04:24 | URL | ArtSalt(管理人) #FFMyaR4k[edit]
ネタ元としては放置できませんでした(笑)
しかし、だったら
br+br{display:none;}
が効いてくれればいいのにな、とか思ってみたり。
2008/06/20(金) 19:33:06 | URL | mattz #-[edit]
冷静になって考えてみれば、理屈の上ではbr+br{display:none}が効くはずですよね。うーむ。
2008/06/20(金) 22:57:13 | URL | ArtSalt(管理人) #uItMxXNM[edit]
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/769-a9892012

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。