使用 css 更改 joomla 中的背景

Question

我用 joomla 创建了一个网站。在 joomla 的媒体文件夹中，我创建了文件夹：Media/Photos 并在其中放置了一张照片 0.Background.jpg。

我想通过在其 css 文件中插入以下代码来更改默认模板的背景：

body{
   background-image: url("media/photos/0.Background.jpg");
   background-size: 100%;
}

但是找不到media/photos/0.Background.jpg，所以无法应用背景...

Answer 1

您给出的路径是相对于您的 CSS 文件所在文件夹的路径。

因此，在您的示例中，无论您的 CSS 文件位于哪个文件夹，您都要求它在名为 media 的文件夹中查找一个文件夹，然后在其中查找另一个名为 photos 的文件夹。

我假设您的 CSS 文件在模板文件夹中，媒体在根目录中？

如果是这样，您只需在 media 前添加一个正斜杠即可。如果这不起作用，那么您需要计算出您的媒体文件夹相对于您的 CSS 文件所在文件夹的路径，然后从那里开始。

所以，先试试这个：

body{
   background-image: url("/media/photos/0.Background.jpg"); /* is it media or Media? */
   background-size: 100%;
}

Change the background in joomla with css