2008年9月13日
Operaのバグか？
Opera9.52に更新してからCSSの異常に悩まされた。IE,Firefoxでは従来通りの表示なので、Operaのバグじゃないかと思う。
要点だけ書くと
[css]
body { background : url(*1.jpg) no-repeat; }
#wrapper { background : url(*2.jpg) no-repeat; }
#sidebar,
#container { float : left; }
#footer { background : url(*3.jpg) no-repeat; }
[html]
<body>
<div id="wrapper">
<div id="container">
<div id="sidebar"> </div>
<div id="main_content"> </div>
</div>
<div id="footer"> </div>
</div>
</body>
bodyの左上に縦長の背景画像があり、コンテンツ全体を包む wrapperの左右に1pxのボーダーがある。そういった見た目です。で、アップした画像のように、その背景画像の切れるあたりから下の部分のボーダーが消えてしまうんですね。さらに sidebar内の a要素が a:hoverの時、その位置に相当する部分のボーダーも消えます。何でしょうねえ(^^;
途中の試行錯誤は面倒ですから結論だけ言うと、なんと wrapperの背景色を指定するだけです。
#wrapper { background : #fff url(*2.jpg) no-repeat; }
他の部分では背景色の指定なしでも異常はありません。背景色は白がデフォルトのはずですから、指定しないと拙いというのもおかしいですよね。こりゃ、バグとしか思えないなあ(^^;いつもはIE対策に悩むのにOperaで悩むとはねぇ。最新版になっておかしくなるとはねぇ。
こら、歌って誤魔化そうたってそうはいかんぞ！(笑)
投稿者 Nao7 : 15時40分 HTML
トラックバック
このエントリーのトラックバックURL:
http://www.naocraft.com/nao7/blog/tt_tb.cgi/173