处理ASP.NET MVC中的CSS和图像

前端之家收集整理的这篇文章主要介绍了处理ASP.NET MVC中的CSS和图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

嗨,我正在开发一个基于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是

>是的我试过./Images / …但它仍然没有用.
>以下是我的文件夹层次结构

Solution -> Content
               Site.css
               Images
                      logo.jpg
                      leftbarlightblue.jpg
       ->Controllers
       -> Models
       ->Views
             Home
             Shared
                     Site.Master
最佳答案
如果您经常使用CSS我真的建议使用FireFox和FireBug,它将使您能够动态查看样式表并确切了解某些事情无法正常工作的原因.

接下来你仔细检查了图片的URL是否正确?一种快速检查的方法获取绝对URL(在浏览器中浏览它以确保它应该类似于http://myapp/content/images/leftbarlightblue.jpg)并将其放在代码而不是旧图像URL中.如果加载那么可能你的相对路径是错误的(../部分),因为我不知道你的文件夹结构我无法帮助你应该是什么.

在单独的注释中,背景位置应该具有水平位置,后面是位置.

背景位置:左下角;

猜你在找的CSS相关文章