Question

此刻，我正在Visual Studio 2010中设计一个网站，它将是一个混合了html，vb和css的aspx站点（我不知道如何称呼它为官方语言，因此请解释一下这将是）。我正在尝试构建网站，以便它将在多种环境中运行。两种最重要的浏览器是IE11和Chrome（尽管我试图使该网站在Edge和Firefox中运行良好）。

让我们解决这个问题：加载网页时，其行为正确；菜单是隐藏的，我需要从列表中选择。单击这些项目之一后，选择框消失，并显示仪表板和菜单。但是在IE11中，出现条并出现不可见的按钮。有一个小的可见框，可以单击并做出相应响应。

MasterPage.master中负责图像的代码如下：

<div class="Menu">
    <asp:ImageButton ID="ImageButtonDashboard" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonZones" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonGraphs" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonAnalysis" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonSimulation" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonDownload" runat="server" /><br />
    <asp:ImageButton ID="ImageButtonHelp" runat="server" />
</div>

MasterPage.master.vb中用于处理单击的代码如下所示（对Button进行了相应的更改，由于它们是相似的，因此无需全部粘贴）：

If Page.AppRelativeVirtualPath.ToLower = "~/dashboard.aspx" Then
    ImageButtonDashboard.ImageUrl = "\Pictures\Dashboard_active.png"
Else
    ImageButtonDashboard.ImageUrl = "\Pictures\Dashboard.png"
End If

对于CSS，我有以下部分：

.Menu {
    position: absolute;
    width: 120px;
    text-align: right;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
}

奇怪的是，它可以在Edge，Firefox和Chrome中运行。我试图更改菜单的z索引，甚至尝试隐藏菜单位置的所有条形；没什么。

我试图回溯到较早的版本，因为在我的记忆中，那里的id显然也不起作用。我这样做是因为我认为某些添加的代码会影响此（可见属性）。但是所有这些更改都没有任何影响。

在IE11和Edge中检查元素时，菜单的代码看起来完全相同，除了CSS部分的图像具有不同的尺寸，仅此而已。

我什至不知道现在从哪里开始挖掘（Google和Stack Overflow没有给我太多帮助:(）或尝试什么。希望我以清楚的方式添加了所有信息：）< / p>

关于，桑德

编辑：在下面添加了我的代码的标题，也许可以用。

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>


<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="Stylesheet" href="CSS/StyleMain.css" type="text/css"/>
    <link rel="Stylesheet" href="CSS/StyleData.css" type="text/css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

图片不会在IE11中加载

0 个答案: