Operaでborder-leftなどが消失する現象

Twitterでいろいろやりとりしていたのですが,ネイリーさんのサイトのサイドバーのデザインが変になるという話題を本人としていてOpera 9.64とOpera 10 Beta 2 Build 1679のWindows Vistaで確認したのですが,border-leftにsolidを指定してそれ以外の場所にsolid以外を指定してなおかつ背景色を指定(transparent 以外)するとborder-leftが透明になってしまうようです。同様にrightもほぼ同じ条件で透明になる事がありますが要素の順番によって再現しなかったりすることがあります。結構よく起きていたので(JR東日本のVIEWカードのサイトとか)何だろうと思いつつ原因がわかったのでちょっと調べて実験してみました。

あとPIAPROのサイトトップページの新着投稿の欄にマウスカーソルを重ねたり(:hoverになるようにする)すると位置が移動する(marginが破壊?)現象も前から気になったりいろいろです。

追記

PIAPROのサイトがリニューアルされて上記の問題は発生しなくなりました。

さらに追記

Opera 10.5 以降は問題は発生しなくなりました。

公開日時
2009年8月2日 02時34分01秒
更新日時
2010年5月20日 16時31分26秒
カテゴリ
日記・雑記
タグ
CSS, HTML, Opera, Twitter, Web
トラックバック
トラックバックURI
https://www.hiaism.net/archives/2009/08/opera-border-left-bug/trackback
コメント
edvakf: 2009年8月4日 21時18分53秒

Operaのほうで認識してるらしいですよ。
http://my.opera.com/japanese/forums/topic.dml?id=285550

Akira Oshimi: 2009年8月4日 22時20分45秒

起きやすい現象なのではやくfixしてもらいたいですね。

コメントフォーム
メニュー