.net - css和母版页asp.net问题

Question

我在 asp.net 项目的母版页中使用了以下代码

<a runat="server" href="home.htm" onmouseover="document.Home_Img.src='Images/home_2.png'"
        onmouseout="document.Home_Img.src='Images/home.png'">
        <img alt="" src="Images/home.png" name="Home_Img" runat="server" />
    </a>

它适用于根目录中的所有关联 Web 表单，但不适用于子目录页面。任何建议都会受到尊重。

提前谢谢...

Answer 1

您正在使用Images/home.png图像位置的相对 URL，将其更改为 absolute /Images/home.png：

<a runat="server" href="home.htm" onmouseover="document.Home_Img.src='/Images/home_2.png'"
        onmouseout="document.Home_Img.src='/Images/home.png'">
        <img alt="" src="/Images/home.png" name="Home_Img" runat="server" />
    </a>

此外，这与 CSS 无关，因为您使用的是老式 Javascript 鼠标悬停。我强烈建议您将其更改为：

<style>
a.home {
    background: url(/Images/home.png) no-repeat;
    display: block; /* this may not be correct, depends on the layout */
    height: 100px; /* height of image */
    text-indent: 9999px;
    width: 100px; /* width of image */
}
a.home:hover {
    background: url(/Images/home_2.png) no-repeat;
}
</style>

<a class="home" href="home.htm">Home</a>

Answer 2

像这样将包裹的 URL 放在 ResolveUrl 中：

<a runat="server" href="<%= this.ResolveUrl("home.htm") %>" onmouseover="document.Home_Img.src='<%= this.ResolveUrl("Images/home_2.png") %>'"
        onmouseout="document.Home_Img.src='<%= this.ResolveUrl("Images/home.png") %>'">
        <img alt="" src="Images/home.png" name="Home_Img" runat="server" />
    </a>