asp.net – .NET 4.5中的样式包和CSS中的图标

发布时间：2020-12-16 04:32:11 所属栏目：asp.Net 来源：网络整理

导读：我开始使用.NET 4.5内置的缩小和捆绑来缩小和缩小捆绑我的CSS和 JavaScript. JavaScript缩小效果很好,然而,我在CSS缩小时遇到了麻烦.我使用下面的代码创建一个样式包 – var myCss = new string[] { "~/Content/jquery.css","~/Content/app.css",};bundles.A

我开始使用.NET 4.5内置的缩小和捆绑来缩小和缩小捆绑我的CSS和 JavaScript. JavaScript缩小效果很好,然而,我在CSS缩小时遇到了麻烦.我使用下面的代码创建一个样式包 –

var myCss = new string[]
                                        {
                                            "~/Content/jquery.css","~/Content/app.css",};
bundles.Add(new StyleBundle("~/bundles/MySiteCss/").Include(myCss ));

然后我在.cshtml(razor文件)中引用它们,如下所示 –

@Styles.Render("~/bundles/MySiteCss/")

它缩小了CSS文件.但是,如果CSS文件包含具有背景图像引用的样式,例如background-image：url(‘img / icon.png’),它会尝试从新位置加载此图标文件(从包名称派生) = /bundles/MySiteCss/img/icon.png

由于该位置中不存在该图标,因此它不会加载并显示在页面上.

解决方法

您需要从同一个地方提供捆绑包和CSS,以便轻松工作.例如,将您的捆绑行更改为：

bundles.Add(new StyleBundle("~/Content/MySiteCss/").Include(myCss));

并更新您的参考：

@Styles.Render("~/Content/MySiteCss/")

（编辑：李大同）

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