HTML / CSS - 背景图像不起作用

时间:2014-11-18 05:10:27

标签: html5 css3

我需要在我的网站上提供背景图片。我已将它设置在我的.CSS文件中,该文件位于子文件夹中。仅当我将.CSS文件放在主网站的文件夹上时,背景图像才有效。

我有这些文件夹: _src(html文件源码) _src / _img(存储所有图像的位置) _src / _css(我把style.css放在哪里)

在我的HTML文件的head部分中,我使用href等于_src / _css / style.css

**在.CSS文件的正文部分,我将背景图像设置为url _src / _img / red_lines_bg_texture.jpg。

如果我将.CSS文件移动到网站的根目录,则背景图像可以正常工作。 奇怪的是,除了 - 再次 - 背景图像外,其他一切都在.CSS文件上运行。

任何帮助都会非常感激。

2 个答案:

答案 0 :(得分:0)

CSS中的URL始终相对于.css文件,除非另有说明,例如,在" /imgdir/img.jpg"中使用起始斜杠;

您的背景图片可以使用像这样的绝对网址设置

background-image: url('/_src/_img/red_lines_bg_texture.jpg');

使用开始斜杠指定您提供相对于根的路径,而不是相对于.css文件。

答案 1 :(得分:-1)

我有解决方案。 我有相对于root的以下目录结构:

/_src
/_src/_css
/_src/_img.

CSS文件只有acccess文件夹RELATIVE到它自己的位置,所以为了访问_img文件夹中的文件,我们应该使用相对路径,如下所示:

背景图像:URL( “IMG ../_ / red_lines_bg_texture.jpg”);

终于有效了。

感谢所有试图提供帮助的人。