jquery-multiselect を使用した IE6 のバグの解決方法

jquery-multiselect (ドロップダウン ボックスをチェックボックス付きの複数選択コントロールに変換するコントロール) を使用する場合、通常は次のようになります。

最初のバグは、「png 画像は IE6 では透明にならない」を参照することで解決できます。

2 つ目のバグをデバッグしているときに、背景色が適用された div の高さが、少しだけではなく正常であることがわかりました。内部の「すべて選択キャンセル」ボタンの白い背景で覆われているように見えましたが、実際には背景が設定されていませんでした。 divの高さを固定値に設定すると正常になります。

最も奇妙なバグは 3 番目です。最初のオプションのみ、マウスを移動しても背景色が表示されませんが、次のオプションでは、マウスを移動したときに背景色が表示されます。デバッグ後、最初のオプションが対応するイベントをトリガーし、背景を設定するための .hover... クラスが正常に追加されたことを確認しました。js コードでは最初のオプションに対して特別な処理はなく、インターネット上で関連するリファレンスは見つかりませんでした。公式サイトからダウンロードしたデモでも、IE6 で実行すると同じ問題が発生します。

.hover... クラスで境界線の色を目立つ赤に変更してみました。最初のオプションの上にマウスを移動しても、赤い境界線が表示されませんでした。他のオプションでは、以下に示すように、左の境界線だけが赤でした。幅が 0 だと認識されたためだと推測しました。.hover... クラスに幅定数を追加し、width: 100%; を試してみたところ正常になりました。一度解決すれば大丈夫です。