IE9单击无法选中滚动条或下拉框_html/css

IE9单击无法选中滚动条或下拉框_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 12:03:09

asal

1599 orang telah melayarinya

如题..

在IE9中的一个页面中弹出一个界面，里面有几个下拉框，当第一次弹出来，点击下拉框可以显示里面的选项，但关闭后再次弹出界面后，单击时却无法弹出选择项，必须得双击后才能弹出来。右边的滚动条也是这种情况。关闭弹出界面再刷新页面重新弹出界面时又能单击激活下拉框(滚动条)，但当重复第二次再弹出界面后又变成双击才能激活了。请问这是什么问题呢？
启用兼容视图也没有改变这种情况，取消保护模式也不行，设置IE加速的图形也不行。请问要如何解决呢？

回复讨论(解决方案)

贴个测试代码呗。方便大家去复现问题。

代码如下：

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

Salin selepas log masuk

<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>

Salin selepas log masuk

@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>}

Salin selepas log masuk

能不能给个纯前端的，比如HTML那块，你在浏览器的调试工具里，把加载好数据的HTML代码复制出来。

就像你现在给的代码，我都没有看到下拉框在哪里。。。。

呃..一些代码可能不太方便贴..不过弹出界面的脚本和样式以及大致的内容基本上也算贴出来了..
下拉框没有放上来..不过这样弹出来应该有滚动条的..情况都是一样..

话说，这个还是你自己慢慢整理吧，你自己都不愿意花时间写个小的测试代码，谁会花时间去写代码去复现一个问题呢。

有时候，问题本来就是代码的问题，别人写的也许并没有出现同样的问题呢。

我也想过代码的问题，只是IE8和谷歌以及火狐都没有出现这种情况，唯独IE9和IE10是这样。IE11还没有测试过，估计情况类似，代码不方便贴太多，还是我自己整理吧。谢谢！

楼主解决了吗?我也出现了这样的问题,还有My97DatePicker 这个日历控件也不能正常使用了.很多控件在IE9中都出问题了.IE9
是不是有问题啊?
现在XP 已不支持了.得换WIN7 在 WIN7 上可以装 IE8,IE9,IE10,IE11 多个版本.写程序要考虑更多的兼容问题,程序不好写了.