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

发布时间：2020-12-15 23:03:52 所属栏目：asp.Net 来源：网络整理

导读：我正在审查一个网站,我看到很多不同的约定,在asp.net-mvc网站上查看图像在CSS中的引用. 包含：全路径： .ddTitle span.arrow { background: url('/content/images/dd_arrow.gif') no-repeat 0 0;} 相对于css所在位置的相对位置： #cluetip-waitimage { back

我正在审查一个网站,我看到很多不同的约定,在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”图像混合在一起),因此可能需要使用../的相对路径才能实现此目的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!