Opera9.5で罫線が消えるスタイルシート(CSS)のバグ対処法
このところ連日、バカみたいにHTMLとCSSばかり書いてます(笑)
数十個のテンプレートを作成中で、できるだけ多くのブラウザに対応させようと、WindowsはIEの5.5以上7まで、Firefoxは2と3、あとOperaとSafariの最新版で表示確認を行っています。いわゆるモダンブラウザですね。
その中で、最近9.51になったOperaで、罫線が消えるというバグに遭遇しました。それまで使っていた9.2Xでは発生していなかったと記憶してますが、ブラウザをスクロールして同じ位置に戻すと、スクロールして隠れた部分の罫線が消えている、というバグです。
そして消えた状態で他のタグに移動したり、他のソフトを見たりして、要するに一度Operaの画面を隠してまた表示させると、罫線が戻っています。そしてスクロールするとまた罫線が消えるんです(^^;
古いIEでも似たようなバグがありました。IEでは確か背景が消えるんですが、これはwidthをauto意外にすれば解決する、という対処法も判明しています。
が、このOperaのCSSバグについては検索しても対処法が見つかりませんでした。そもそもOpera9.5に関する記事自体少ないようで・・・
なので諦めていましたが、偶然対処法を発見したので備忘録を兼ねて書いておきます。
実はページ内でも消える罫線と消えない罫線があり、違いは何だろうと思ってみたところ、罫線が消えない箇所には、同じ指定要素に対して背景色か背景画像が指定してありました。
そこで罫線が消える要素に対して背景色を指定したところ、罫線が消えることはなくなりました。
ということで対処法はこれ。
罫線を指定する場合は、一緒に背景色か背景画像を指定する
です。ちなみに背景色指定で「transparent」では罫線は消えてしまいます。何らかの色を指定しないとダメだ、ということですね。
実は背景色や背景画像がなくても罫線が消えないケースもあるように思うんですが・・・(^^;
なので発生条件も正直ハッキリしないんですが(^^;、とりあえずOpera9.5Xで罫線が消えちゃった場合は、これを試してみてください。
★この記事をSEO bookmarkに登録 ⇒
カテゴリ
CSSトラックバック(0)
このブログ記事を参照しているブログ一覧: Opera9.5で罫線が消えるスタイルシート(CSS)のバグ対処法
このブログ記事に対するトラックバックURL: http://www.kowaza.net/sys/mt-tb.cgi/84
コメントする