asp.net - 在 ASP.NET MVC 中处理 CSS 和图像

Question

您好，我正在开发一个基于 ASP.NET MVC 的简单应用程序。我已将默认的 master.css 更改为我自己的样式。现在唯一的问题是我将背景图像属性添加到我的 UL->Li->A 之一以创建菜单。它在 Firefox 中运行良好，但图像在 Internet Explorer (IE7/8) 中根本不显示。 有谁知道出了什么问题吗？

我的 CSS 如下；

     #nav-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    color:White;
}
#nav-menu li
{
    /*float: left;*/
    margin: 0.15em 0.15em;
    display:block;

}

#nav-menu li a
{
    background-image: url('/Images/leftbarlightblue.jpg');
    background-repeat:no-repeat;
    background-position:bottom;

    height: 2em;
    line-height: 2em;   
    width: 12em;
    display: block;
    text-decoration: none;
    text-align: center;
    color: white;
}

#nav-menu li a:hover
{
    background-image: url('./Images/leftbardarkblue.jpg');
    background-repeat:no-repeat;
    background-position:bottom;

    height: 2em;
    line-height: 2em;

    width: 12em;
    display: block;

    color: white;
    text-decoration: none;
    text-align: center;
}
#nav-menu
{
    width:15em
} 

而 XHTML 是

<div id="menucontainer">
            <div id="nav-menu">
                <ul>
                    <li><%= Html.ActionLink("Home", "Index", "Home")%></li>
                    <li><%= Html.ActionLink("About Us", "About", "Home")%></li>                
                </ul>
            </div>

    </div>

1. 是的，我试过 ./Images/... 但还是不行。

2. 以下是我的文件夹层次结构

   Solution -> Content
                  Site.css
                  Images
                         logo.jpg
                         leftbarlightblue.jpg
          ->Controllers
          -> Models
          ->Views
                Home
                Shared
                        Site.Master
   

Answer 1

您的样式表需要使用如下文字路径:

background-image: url('/Content/Images/leftbarlightblue.jpg');

不是

background-image: url('/Images/leftbarlightblue.jpg');