Question

我已经在网上寻找这个，但找不到这个问题，所以如果你知道一个网站，请指点我！我有一个基本的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>

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

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

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

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

Answer 1

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

visual basic asp.net页面有时渲染不正确

1 个答案: