IE9 をクリックしてスクロール バーまたはドロップダウンを選択できない box_html/css_WEB-ITnose

タイトルの通り..

IE9 のページにインターフェイスが表示されます。初めて表示されるときは、ドロップダウン ボックスをクリックして中のオプションを表示します。ただし、閉じると、インターフェイスが再びポップアップします。ただし、選択項目はポップアップ表示されないため、ポップアップするにはダブルクリックする必要があります。右側のスクロールバーについても同様です。ポップアップ インターフェイスを閉じてページを更新すると、インターフェイスが再度ポップアップ表示されるので、クリックしてドロップダウン ボックス (スクロール バー) をアクティブにできます。ただし、インターフェイスが 2 回目に表示されると、ドロップダウン ボックスが 2 重になります。クリックしてアクティブ化します。何が問題ですか？
互換表示を有効にしても状況は変わりませんでした。また、保護モードをキャンセルしたり、IE アクセラレーション グラフィックスを設定したりしても変化はありませんでした。この問題を解決するにはどうすればよいでしょうか?

ディスカッション（解決策）に返信

テストコードを投稿します。誰でも問題を再現できると便利です。

コードは次のとおりです:

   //添加用户    $("#addUser").click(function () {        var addSystemManagerDlg = $.dialog({            id: 'addSystemManagerDlg',            title: '添加用户',            content: 'url:User/Create',            lock: true,            width: 400,            height: 300        });

<style>    input[type=text],input[type=password] {        width: 200px;    }    .Statu,.Sex    {        padding: 5px;        cursor: pointer;        border: 1px solid #8fb7d6;        background-color: #DFFFFF;           }    .t    {        border: 1px solid #4b7402;        background-color: #5f9402;        color:#fff;            }</style>

@using (Ajax.BeginForm(new AjaxOptions { OnComplete = "Completed" })){    @Html.ValidationSummary(true)  <div class="editor-item">                <div class="editor-label">编号：</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Code)                     @Html.ValidationMessageFor(model => model.Code)                </div>                <br/>                  <div class="editor-label">姓名：</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Name)                     @Html.ValidationMessageFor(model => model.Name)                </div>                <br/>      <div class="editor-label">密码：</div>                <div class="editor-field">                    @Html.PasswordFor(model => model.Password)                     @Html.ValidationMessageFor(model => model.Password)                </div>                <br/>        <div class="editor-label">邮箱：</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Email)                     @Html.ValidationMessageFor(model => model.Email)                </div>                <br/>          <div class="editor-label">电话：</div>                <div class="editor-field">                    @Html.TextBoxFor(model => model.Phone)                     @Html.ValidationMessageFor(model => model.Phone)                </div>                <br/>         <div class="editor-label">性别：</div>                <div class="editor-field">                    <span class="Sex" name="0"> 男 </span><span class="Sex" name="1" style="margin-left:22px;"> 女 </span>                      <label style="color:red;visibility:hidden" class="Sex_Propty">性别不能为空</label>                    @Html.HiddenFor(model => model.Sex)                     @Html.ValidationMessageFor(model => model.Sex)                </div>      <br/>         <div class="editor-label">状态：</div>                <div class="editor-field">                    <span class="Statu" name="0">正常</span><span class="Statu" name="1" style="margin-left:18px;">冻结</span>                      <label style="color:red;visibility:hidden" class="Statu_Propty">性别不能为空</label>                     @Html.HiddenFor(model => model.Statu)                     @Html.ValidationMessageFor(model => model.Statu)                </div>                <br/>            </div>}

HTML などの純粋なフロントエンドを教えていただけますか? ブラウザのデバッグ ツールで、データをロードする HTML コードをコピーします。

あなたが今与えたコードと同じように、ドロップダウンボックスがどこにあるのかさえわかりません。 。 。 。

HTML 部分などの純粋なフロントエンドを教えていただけますか? ブラウザのデバッグ ツールにデータをロードする HTML コードをコピーできます。

あなたが今与えたコードと同じように、ドロップダウンボックスがどこにあるのかさえわかりません。 。 。 。

そうですね…投稿するのが不便なコードもあるかもしれません…しかし、ポップアップ インターフェースのスクリプトとスタイル、および一般的なコンテンツは基本的に投稿されます…
ドロップダウン ボックスは表示されません。 .. しかし、ポップアップが表示されるとスクロールするはずです。状況は同じです...

つまり、小さなテストコードを自分で書くのに時間を費やしたくない場合は、これを自分でゆっくりと解決する必要があります。問題を再現するためにコードを書くのに誰が時間を費やすでしょうか。

場合によっては、問題は元々コードの問題である場合もあれば、同じ問題が発生しない場合もあります。

つまり、自分で小さなテスト コードを書くのに時間を費やしたくないのであれば、問題を再現するためのコードを書くのに誰が時間を費やすでしょうか。

場合によっては、問題は元々コードの問題である場合もあれば、同じ問題が発生しない場合もあります。

コードの問題についても考えましたが、これは IE8、Google、Firefox では発生せず、IE9 と IE10 のみです。 IE11もまだテストしていないので、コードが多すぎると不便なので自分で整理してみます。ありがとう！

私もこの問題を抱えていますが、IE9 では多くのコントロールに問題があります
XP はもう利用できません。 WIN7 に変更する必要があります。WIN7 では、IE8、IE9、IE10、および IE11 の複数のバージョンをインストールできます。プログラムを作成する際には、さらに互換性の問題を考慮する必要があります。