我需要在我的网站上提供背景图片。我已将它设置在我的.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文件上运行。
任何帮助都会非常感激。
答案 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”);
终于有效了。
感谢所有试图提供帮助的人。