Question

我在为IE 6设计的webapp（asp.net）中使用了ajax collapsiblepanel扩展器。目前为了使应用程序与IE 8兼容，我添加了一个元标记 - 。除了使用ajax控件的可折叠面板外，应用程序中的所有内容都能正常工作。

这些面板总是在扩展。

关于如何确保面板在IE 8中按预期崩溃和扩展的任何想法。

注意 - 我已经尝试更改了collPanel的css类，其中overflow：hidden存在以显示：none但这样只会使面板折叠。

代码段：

<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser"
                                                ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True"
                                                ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)"
                                                ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true"
                                                TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior">
                                            </cc1:CollapsiblePanelExtender>
                                            <asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader">
                                                <div style="padding: 2px; cursor: pointer; vertical-align: middle;">
                                                    <div id="Div2" style="float: left;">
                                                        <asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label>
                                                    </div>
                                                    <div style="float: left; margin-left: 20px;">
                                                        <asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label>
                                                    </div>
                                                    <div style="float: right; vertical-align: middle;">
                                                        <asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg"
                                                            AlternateText="(Show Details...)" />
                                                    </div>
                                                </div>
                                            </asp:Panel>
                                            <asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel"
                                                Height="0px">
                                                <table id="tblAddUserDetails" width="100%" runat="server">
                                                    <tbody>
<tr>
                                                            <td align="left">
                                                                <a class="labelText">First Name</a>
                                                            </td>
                                                            <td>
                                                                <asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left">
                                                                <a class="labelText">Last Name</a>
                                                            </td>
                                                            <td >
                                                                <asp:TextBox ID="lastNameTextbox" runat="Server"                                                    MaxLength="20" Width = "48%"></asp:TextBox>

                                                            </td>
                                                        </tr>
                                      <tr>
                                                            <td align="right" colspan="2">
                                                                <asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton>

                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </asp:Panel>

Answer 1

某些时候它支持某些版本的IE，我建议你使用Jquery，它简单而强大。

Ajax CollapsiblePanel在兼容模式下无法在IE 8中运行

1 个答案: