2005年10月13日
川俣晶の縁側ソフトウェア技術雑記total 4121 count

CSSの色指定をJavaScriptで代入する際、Operaでのみ色が違う問題

Written By: 川俣 晶連絡先

 ブラウザ間の非互換性には罠が多いですね。

 うかつなコードを書くと、あっさりはまります。

現象 §

 HTMLのページ中に記述したJavaScriptのコードを用いて、CSSの色指定プロパティの書き換えを行った場合、Internet ExplorerとFirefoxでは意図した色になるのに、Operaでは意図した色にならない場合がある。

 たとえば、以下のようなコードによって行われる色の変更は、上記3ブラウザの中でOperaだけ異なる結果となる。

document.getElementById('body').style.backgroundColor = 0xeeee22

解決(?) §

 数値ではなく、CSSで指定する書式の文字列として色を指定する。

 たとえば、以下のように書き直す。

document.getElementById('body').style.backgroundColor = '#eeee22'

感想 §

 うっかり、色は数値だろう、などと思っていると罠にはまるということですね。

 特に、常用ブラウザがOpera以外だと、気付くのが遅れます。

Facebook

このコンテンツを書いた川俣 晶へメッセージを送る

[メッセージ送信フォームを利用する]

メッセージ送信フォームを利用することで、川俣 晶に対してメッセージを送ることができます。

この機能は、100%確実に川俣 晶へメッセージを伝達するものではなく、また、確実に川俣 晶よりの返事を得られるものではないことにご注意ください。

このコンテンツへトラックバックするためのURL

https://mag.autumn.org/tb.aspx/20051013162944
サイトの表紙【技術雑記】の表紙【技術雑記】のコンテンツ全リスト 【技術雑記】の入手全リスト 【技術雑記】のRSS1.0形式の情報このサイトの全キーワードリスト 印刷用ページ

管理者: 川俣 晶連絡先

Powered by MagSite2 Version 0.36 (Alpha-Test) Copyright (c) 2004-2021 Pie Dey.Co.,Ltd.