如何在 asp.net MVC 5 中动态填充 CSS 文件



我正在做一个 asp.net mvc 5 项目,我在 mvc 项目中有一个 css 样式文件,可以用图像进行更改,所以我想设置一个 url("../images/aa.jpg");从sqlserver现在我不知道该怎么做

.img-about{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.img-sports{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.img-gallery{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.img-feature{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.img-news{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.img-contact{
    background: url("../images/aa.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

基本上,您可以创建一些具有内部样式/脚本的.cshtml:
使用 Razor 视图在 MVC ASP.NET 动态生成的 JavaScript 和 CSS

但问题是,为什么?
您可以在model中包含url并使用inline styles
此外,如果您总是动态生成 css/js,您将无法利用browser caching和/或bundling and minification

最新更新