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

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

WBOY

リリース： 2016-06-24 12:03:09

オリジナル

1621 人が閲覧しました

タイトルの通り..

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 の複数のバージョンをインストールできます。プログラムを作成する際には、さらに互換性の問題を考慮する必要があります。