jqueryのjqDnRを使えばHTML要素を簡単にドラッグ＆リサイズできます。
これは便利！と過去に作ったHTMLに組み込んでみました。
IE7やfirefoxではうまくいきましたが、IE6ではなんだか変な見え方になりました。
原因は、このHTMLに含まれるSELECT要素でした。IE6ではSELECT要素のz-indexがおかしいので、z-indexを正しく指定したウインドウ(HTML要素)よりも手前に表示されてしまいます。このおかしな挙動にみなさん悩まされているようで、対策もすぐに見つかりました。
- SELECT要素を非表示にする
- IFRAME要素をSELECT要素の前面に持ってきて隠す（ただし、IFRAMEはXHTML の最新バージョンで仕様から外れてしまっている)
1だと表示が不自然になってしまうので、2を採用しました。とはいえ、将来のことを考えると不安なのでブラウザのバージョンを識別して対応することにしました。
ブラウザのバージョンを識別する方法はここに載っていました。
