0

我在网上找了这个，但找不到类似的问题，所以如果你知道一个网站，请指点我的方向！我有一个 Visual Basic asp.net 网站，使用 Visual Studio 2010 用 asp.net 3.5 编写。

我在一个页面的顶部设计了一组自定义的框，由一系列图像按钮和面板组成。当您按下一个图像按钮时，它的面板会显示出来，而其他所有的面板都会被隐藏，从而有效地创建了一个水平的手风琴。请参阅下面的标记（请注意，除了 panelParameters 之外，每个面板中都有列表等，但由于它们与问题无关，我已将其删除）：

        <asp:Panel ID="panelParameters" runat="server" Height="300"
            BorderStyle="Ridge" BorderWidth="5px" Direction="LeftToRight"
            BorderColor="#00539F" Visible="False" CssClass="parameterPanel">
            <asp:Panel ID="PanelArea" runat="server" Visible="true">
            &nbsp;
                <asp:ImageButton ID="imgArea1" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/Area1Panel.png" CssClass="inlineBlock" />
                <asp:Panel ID="panelArea1" runat="server" Height="160px" Width="71%" CssClass="inlineBlock">
                </asp:Panel>
                <asp:ImageButton ID="imgSection" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/SectionPanel.png" CssClass="inlineBlock" />
                <asp:Panel ID="panelSection" runat="server" Height="160px" Width="71%"  CssClass="inlineBlock">
                </asp:Panel>
                <asp:ImageButton ID="imgDate" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/datePanel.png" CssClass="inlineBlock" />
                <asp:Panel ID="panelDate" runat="server" Height="160px" Width="71%" CssClass="inlineBlock">
                </asp:Panel>
                <asp:ImageButton ID="imgResponse" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/ResponsePanel.png" AutoPostBack="true" CssClass="inlineBlock" />
                <asp:Panel ID="panelResponse" runat="server" Height="160px" Width="71%"  CssClass="inlineBlock">
                </asp:Panel>
                <asp:ImageButton ID="imgArea1Compare" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/Area1ComparePanel.png" CssClass="inlineBlock" />
                <asp:Panel ID="panelArea1Compare" runat="server" Height="160px" Width="71%"  CssClass="inlineBlock">
                </asp:Panel>
                <asp:ImageButton ID="imgSectionCompare" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/SectionComparePanel.png" CssClass="inlineBlock" /> 
                <asp:Panel ID="panelSectionCompare" runat="server" Height="160px" Width="71%"  CssClass="inlineBlock">
                </asp:Panel>
            </asp:Panel>
        </asp:Panel>

对于图像和面板，我使用了一个 cssClass，它写在我的 css 中：

.inlineBlock
{
    display:inline-block;
    border:none;
    vertical-align:top;
}

我正在使用 vb 页面来控制面板何时显示和隐藏在“可见”开关上。当项目在我的笔记本电脑上本地运行时，这非常有效。我已将网站发布到内部 Web 服务器，当我在那里查看它时很好。在客户端计算机（使用 Web 服务器上的已发布站点）上查看此内容有时也很好，但是在运行相同操作系统映像、相同版本 IE、相同分辨率和显示器大小的其他计算机上，由于某种原因，内联位不是'无法正常工作，并且面板出现在另一个下方。

我们的内部网络开发人员对此感到困惑，所以我真的希望你们中的一个人有一个想法；如果需要更多代码或问题的屏幕打印等，我很乐意提供。

4

1 回答 1

1

相同版本的 IE 并不意味着相同的模式。使用 F12 键并在所有浏览器模式下进行测试。IE9 模式和 IE9 兼容性视图模式之间存在严重差异。

于 2013-07-03T15:36:18.950 回答