スタイルシートによる汎用ウィンドウ作成の試み

スタイルシートを応用して汎用的なウィンドウの作成を試みた。
面倒なことが2点ある。
・IEのshadowフィルタ機能を使って影を付けた場合、(IE6では改善されているが)IE5.5ではフィルタを定義したエレメントの下位のエレメントでイベントを拾う領域の範囲が狂う(小さくなる)というバグがあり、イベントを拾うエレメントをフィルタを定義したエレメントの下位エレメントからはずすように記述するのが面倒。
・IE5のBOXのサイズ指定のバグのためNN6と表示が異なるための調整。および、NN6との間の微妙な表示の違いの調整。

shadowフィルタの影響の排除はバーの部分をshadowフィルタを定義したエレメントの下位からはずすことによって行ったが、結局Windowの中身の部分にイベントを受け取るようなHTMLを記述すると結局フィルタの影響を受けるので、このやり方はあまり良いやり方ではなかった。また、内部のコンテンツが大きすぎで入りきらない場合、スクロールバーが現れるが、これもフィルタの影響を受けてしまいつまむ場所によってはスクロールしないという問題もある。
影をつけるエレメントを別途Windowと同じサイズで設けるのが正解だったと思うが、こうするとWindowがリサイズされたとき影のエレメントもリサイズしなければならないという面倒が発生する。

どういう理由かわからないが、NN6において作成したウィンドウがしばらく動かしているとイベントを受け付けなくなりフリーズしたような状態になるというバグがある。

画像ウィンドウ(影あり)
画像ウィンドウ(影ナシ)
文字ウィンドウ