[visual-studio]我的 CSS 图像,不使用 Windows Azure

发布时间: 2014/3/1 2:33:01
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有在 CSS 图像后不会显示该站点部署到 Windows Azure 真的很奇怪的情况。

  1. 图像是项目的 (在项目中包含的所有文件和子文件夹) 的一部分

  2. 所有图像都的内容生成操作

  3. 我不会用上我意见 /content/path/to/images 总是使用绝对路径的相对路径,但对 CSS 有相对路径的 url (....../ img/image.png),但这应该不是问题。

  4. 静态文件是确定 (CSS 和 Javascript 正常工作),除了没有显示的图像。

我部署使用 git,但即使是使用发布向导我得到相同的结果。

如果请求他们与的完整路径时可有的图像。这是"虚幻";)

我必须忽略重点就在这里,但无法找到它。谢谢你的时间。

编辑:

通过 img 标记图像工作。所以只有 CSS 图像,没有意义的他们正确本地工作。

我想我可以分享链接,这样就可以看到;) 住这件事

http://receivably.azurewebsites.net

看看在左上角的徽标,什么都不显示,这里是 HTML 和 CSS (这工作以及几个本地的 deplyment 前,和工作精细。

<a class="brand" href="/">name</a>

在 CSS: 中

.navbar .brand {
    display: block;
    width: 180px;
    height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 2px;
    margin-left: 10px;
    overflow: hidden;
    font-size: 18px;
    line-height: 600px;
    color: #333;
    background: url(../img/logo.png) no-repeat 0 0;
}

如果我们请求文件直接就有: http://receivably.azurewebsites.net/content/site/img/logo.png

CSS 文件放置在 /content/site/css 和 /content/site/img 上的图像。

我想补充我现在无法向 git 推。仅发布向导工作。我已经有很多的问题与那网站上天青,我其他 3 app 完美地工作。

解决方法 1:

我认为你的 css 捆扎打破东西。

这里是看在你捆绑 CSS从 (我已经重复数据缩减它有点) 的主页:

.brand
{
    display:block;width:180px;height:34px;padding-top:0;padding-bottom:0;margin-top:2px;
    margin-left:10px;overflow:hidden;font-size:18px;line-height:600px;color:#333;
    background:url(../img/logo.png) no-repeat 0 0
}

注意:背景: url (....../ img/logo.png) ,可能不正确的 CSS,从执行从/bundles/

它应该说:

../content/site/img/logo.png

或如你所说/content/site/img/logo.png

这可以解释为什么它运作本地 (非捆绑) 和甚至在事先部署 — — 因为捆绑相关代码可能已经改变,最近。这是一个经典的发布时间问题,它是为什么开启捆绑全时间 (不只是在发布模式下) 是明智的尽管它需要在编译时额外 0.500 秒的原因之一。:-)

希望有所帮助。

官方微信
官方QQ群
31647020