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

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

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

IE6 では次のようになります。

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

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

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

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

<<:  MySQL での正規表現の使用に関する詳細

>>:  k8s に ingress-nginx をデプロイする手順

推薦する

Linux環境にMySQLデータベースをインストールする詳細なチュートリアル

1. データベースをインストールする1) yum -y install mysql-server (...

MySQL 文字セットの変更に関する実践的なチュートリアル

序文: MySQL では、システムが多くの文字セットをサポートしており、異なる文字セット間にはわずか...

MacにMySQLをインストールするときに初期パスワードを忘れた場合の対処方法

パスワードを忘れると困ります。Mac に MySQL をインストールするための初期パスワードを忘れて...

シェルでパスワードなしでMySQLデータベースに素早くログインする方法

背景Shell の mysql-client を介して MySQL データベースにログインする場合、...

HTML の iframe と frame の違いを例を使って説明します

プロジェクトで frameset 属性を使用したことがあるかどうかはわかりません。昨年、オンライン ...

CentOS7 で yum ソースをインストールし、コマンド rz と sz をアップロードおよびダウンロードする方法 (画像付き)

** CentOS7 で yum ソースをインストールし、rz および sz コマンドをアップロー...

nginxとバックエンドポート間の競合の解決策

質問: Alice 管理システムを開発しているときに、すべてのバックエンド インターフェイスが最初の...

MySQLで指定した時間前にレコードを自動的に削除する方法

イベントについて: MySQL 5.1 では、イベントの概念が導入され始めました。イベントは「時間ト...

背景画像にテキストを表示するためのCSS

効果: <div class="imgs"> <!-- 背景画...

Vue+Openlayer をベースに geojson を動的に読み込む方法

1つ以上の機能をロードする <テンプレート> <div id="map&...

Reactはいくつかの方法でパラメータを渡します

目次親コンポーネントと子コンポーネント間でパラメータを渡すルーティングパラメータステータスの改善コン...

Linux/Docker で System.Drawing.Common を使用する

序文プロジェクトを .net core に移行した後、 System.Drawing.Commonコ...

CSS を使用して複数の方法で等幅レイアウトを実装するサンプルコード

この記事で説明する等幅レイアウトでは、純粋な CSS を使用して、要素の幅を手動で設定することなく、...

Vueのv-onパラメータの問題についてお話しましょう

Vue での v-on:clock の使用現在、vue.js フレームワークを学習しています。後で参...

RR および RC 分離レベルでのインデックスとロックのテスト スクリプトのサンプル コード

基本概念現在の読み取りとスナップショットの読み取りMVCC では、読み取り操作はスナップショット読み...