【问题标题】:Webpage background image not being displayed网页背景图片不显示
【发布时间】:2011-11-17 23:22:06
【问题描述】:

我为我的网站下载了一张背景图片,但由于某种原因,它根本没有显示出来。

这是我得到的 CSS 代码:

background-image: url(Resources/Icons/background-image.jpg);
background-attachment: fixed;

我什至尝试添加完整路径名 - 无济于事。

奇怪的是,我已经在我的网站上多次这样做了,而且我的所有图像都显示出来了。只是这给了我一个问题 - 没有红十字表明它找不到图像 - 它只是没有出现。

编辑:出于某种原因,如果我将网页的网址放在从中获取图像的位置,它就可以工作。

有什么想法吗?

【问题讨论】:

  • 您在 Firebug 的“网络”选项卡中看到了什么?

标签: asp.net html css


【解决方案1】:

你的css和你的图片在同一个目录吗?可能不会,我想。所以你需要回到根目录并正确访问镜像。

类似:

background-image: url(../Resources/Icons/background-image.jpg)

【讨论】:

  • 这是我的问题!非常感谢:) 你认为你能解释为什么需要这样做吗?正如我所说,我已经将这种方法用于许多都放在“图标”目录中的图像,我没有遇到这个问题。
  • 我不能肯定回答 - 但这取决于您的文件夹的布局。
【解决方案2】:

除非您的样式表与图片位于同一文件夹中,否则您应该尝试从根目录导航:

background-image("/images/someimage.png");

就我个人而言,我发现从应用程序/站点的根目录导航往往是最可靠/可扩展的选项。

【讨论】:

  • 谢谢。问题是我已经为其他图像做了很多次,除了这个之外,它们都有效。知道为什么吗?
  • 这个 CSS 是在您的页面上还是在样式表中?如果它在页面上,它可能与页面所在的位置有关吗?
  • 一切都在样式表上。奇怪的。感谢您的帮助!
  • 这很奇怪。很高兴你把它修好了:)
【解决方案3】:

可能是走错路了……

background-image: url('/Resources/Icons/background-image.jpg');

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-09-11
    相关资源
    最近更新 更多