Weblog

Opera 9に関するレンダリングの違い

たまたま,自分のブログをOperaで開いたら,見出し内のリンクのアンダーラインとボーダーの間に隙間がない,というレンダリングの違いを発見した.

まずはIE6でのキャプチャ.

IE6でのキャプチャ.

次はFirefox 1.5.

Firefox 1.5でのキャプチャ.

最後にOpera 9でのキャプチャ.

Opera 9でのキャプチャ.見出しのボーダーと,アンカーの下線が重なっている.

見てもらえればわかるが,見出しにCSSで設定したボーダーと,アンカーの下線が重なっているのがおわかりいただけると思う.

これが起こる原因はわからないが(恐らく仕様?),その場しのぎでの解決策は,CSSで見出しにパディングを設定することで,ボーダーとアンカーの下線が重なるという事態は避けられるはず.

Opera 9でのキャプチャ.見出しのボーダーと,アンカーの下線が重なる事態は避けた.

直前の画像では,h2タグにCSSでpadding: 2pxを設定しているが,もっと根本的な解決策は誰かが見つけてくれるだろう(これはひどい).

作成時間:
タグ:
Browser
このページのURL:
https://www.kiryushiki.net/log/archives/2006-06-22-01.html
前のエントリ:
Opera 9リリース
次のエントリ:
W杯でとらたぬ・たなぼた