Question

您好我正在使用asp.net中的项目，我正在使用用户定义的下拉复选框，这些在IE兼容模式下无法正常滚动，但它们在正常模式和其他浏览器中工作正常但是我想让这个工作为兼容模式。当我滚动网页时，所有其他控件都在移动，但是这些下拉复选框没有移动，但当我将鼠标放在它们上时，它们会随机跳跃，并且它们将会移动到它们必须存在的原始位置。这些下拉复选框在页面的表结构的td标记中声明。代码和css如下

下拉复选框的代码和css：

CSS

.Dropdown1
{
border-style: solid;       
z-index: 400 !important;
background-color: #FFFF00;
}

HTML

<tr>
    <td >
      <IH:DropDownCheckBoxes ID="ddcbAlertStatus" runat="server" JQueryReference="False"
          CssClass="" DataSourceID="odsAlertStatus" DataTextField="AlertStatusName" DataValueField="AlertStatusName" OnSelectedIndexChanged="cblAlertStatuses_SelectedIndexChanged" RepeatDirection="Horizontal"
          UseButtons="True" UseSelectAllNode="True" AutoPostBack="True" Visible="True">
          <Style DropDownBoxBoxHeight="" DropDownBoxBoxWidth="100%" SelectBoxWidth="60%" SelectBoxCssClass="Dropdown1"/>
          <Texts SelectAllNode="Select all" SelectBoxCaption="Select A value" />
      </IH:DropDownCheckBoxes>
      <asp:ObjectDataSource ID="idStatus" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="Getdata" TypeName="WebPortal.Model.Data.datastatus">
      </asp:ObjectDataSource>
   </td>
</tr>

浏览中的代码如下所示：

<tr >
                                                    <td >
                                                        <div id="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_sl" class="DropDownZIndex1 dd_chk_select" style="display:inline-block;position:relative;width:60%;">
                    <div id="caption">
                        Select An Alert Type
                    </div><div id="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_dv" class="dd_chk_drop" style="display:none;position:absolute;width:175%;">
                        <div id="checks">
                            <span style="display:block;"><input type='checkbox' name='MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_sll'><label for='MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_sll'>Select all</label></span><span id="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes"><input id="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_0" type="checkbox" name="ctl00$MainContent$tabCntrAlertSearch$tabPnlCriteria$ddcbAlertTypes$0" value="4A" <input id="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_11" type="checkbox" name="ctl00$MainContent$tabCntrAlertSearch$tabPnlCriteria$ddcbAlertTypes$11" value="XQ PHONE BANK CREDIT ADJUSTMENTS" /><label for="MainContent_tabCntrAlertSearch_tabPnlCriteria_ddcbAlertTypes_11">XQ PHONE BANK CREDIT ADJUSTMENTS</label></span>
                        </div><div id="buttons">
                            <input type='button' value='OK'></input>&nbsp;<input type='button' value='Cancel'></input>
                        </div>
                    </div>

我有3个下拉复选框，在表格的tr，td标签中声明，以便它们显示在另一个下方。请帮我修一下滚动问题。

用户定义的下拉控件不能在IE 8兼容性视图中正确滚动

0 个答案: