在asp.net.mvc中,什么是正确的方法来引用css内的图像

前端之家收集整理的这篇文章主要介绍了在asp.net.mvc中,什么是正确的方法来引用css内的图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在审查一个网站,我看到很多不同的约定,在asp.net-mvc网站上查看图像在CSS中的引用.

包含:

>全路径:

.ddTitle span.arrow {
    background: url('/content/images/dd_arrow.gif') no-repeat 0 0;
}

>相对于css所在位置的相对位置:

#cluetip-waitimage {
    background-image: url(jQueryUI/images/ui-anim_basic_16x16.gif);  
}

>相对于“..”

#cluetip-waitimage {
    background-image: url(../../jQueryUI/images/ui-anim_basic_16x16.gif);  
}

在asp.net-mvc,路由等.一个是正​​确的,另一个是错的,还是这个偏爱或约定?假设这个网站可能与其他网站坐在共享的环境中.

解决方法

如果您的应用程序始终位于网站的根文件夹(或至少您的图像将全部位于根文件夹中),则您的第一个选项是非常好的.如果在不同的情况下可能有不同的路径(例如在开发或测试中有一个共享站点),那么这不行.

第二和第三个选择基本上是一样的.使用哪一个完全取决于图像与CSS文件相关的位置.我个人认为第二个看起来更清洁,所以我尝试把我的CSS文件引用的任何图像放在相对于CSS所在的文件夹结构中.然而,有些人喜欢将所有图像保存在一个地方(甚至将内容图像与网站“chrome”图像混合在一起),因此可能需要使用../的相对路径才能实现此目的.

猜你在找的asp.Net相关文章