【问题标题】:Image path: Jumbotron background image doesn't show after publishing to server图片路径:Jumbotron 背景图片发布到服务器后不显示
【发布时间】:2017-12-25 21:38:17
【问题描述】:

我正在使用简单的HTML 代码来创建jumbotron,其背景如下:

<div class="jumbotron" style="background: url('../../img/pills.jpg') no-repeat; background-size:cover">

它在 localhost 上运行良好,但是当我将项目文件发布到服务器时,没有显示任何图像。

可能是什么问题?

【问题讨论】:

  • 服务器上的相对路径是否相同? ('../../img/pills.jpg') 权限呢?他们是否为文件夹正确设置?服务器可以访问吗?浏览器开发者控制台中的消息是什么?有没有错误?
  • 它可能不相关,但在您的示例代码行末尾附近缺少双引号 "
  • 如果您的网址是例如/Home/Index,尝试将../../img/pills.jpg 附加到它,看看从服务器返回什么:/Home/Index/../../img/pills.jpg
  • @Shoter,1.路径比较一致,2.服务器对该文件夹有访问权限。 3.没有错误显示!
  • 尝试通过开发者控制台访问链接。检查样式元素并在新选项卡中打开背景。在chrome中是这样的:imgur.com/a/hqf90(需要点击人民币)通过这个操作我们就知道你遇到了什么错误。

标签: c# html asp.net .net asp.net-mvc-5


【解决方案1】:

可能需要检查服务器上图像文件的路径,并确保背景图像 url 反映了正确的路径

【讨论】:

    【解决方案2】:

    我通过在服务器 Url('/Folder2/Folder1/img/pills.jpg') 上提供确切路径而不是

    解决了这个问题

    url('../../img/pills.jpg').

    【讨论】:

      猜你喜欢
      • 2016-10-16
      • 1970-01-01
      • 1970-01-01
      • 2017-07-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-26
      • 2011-06-01
      相关资源
      最近更新 更多