レイヤーのJavaScriptテスト：Netscape4向け

Netscape4.xでは スタイルシートで「position:absolute/relative」を指定しないと レイヤーとして動作しないようです。

1. position:absoluteとした例

style="position:absolute; border:solid 1px; background:orange; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

2. position:relaltiveとした例

style="position:relative; border:solid 1px; background:orange; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

3. position:staticとした例

style="position:static; border:solid 1px; background:orange; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

4. position指定なし

style="border:solid 1px; background:orange; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

5. position:absolute＆border指定なし

style="position:absolute; background:orange; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

6. position:absolute＆border指定あり＆背景色なし

style="position:absolute; border:solid 1px; width:120px; height:120px;" としたレイヤーです。
Netscape4.xで実行してみて下さい。

まとめ

position:staticやposition指定無しではJavaScript側でレイヤーオブジェクトが 取得できずエラーに。
背景色＆borderを指定すると背景色変更がボックスの外側 (border部分とheight指定が反映されなかった部分)にしか反映されない。
注：border指定無しだと背景色が 文字がある部分にしか塗られなかったり 全く色が塗られない スタイルシートのバグが発生。 HTML,CSSバグ＆回避法リスト

JavaScriptバグ＆回避法リスト：その他編へ

このページでは「きぃなび」を使っていないので 前のページに戻るには 「BackSpace」キーか「ALT-左矢印」を使って下さい。