css - 背景图像在外部 css 中不起作用

Question

我正在开发一个带有 head 标签中的 css 的项目。我现在已将其作为外部文件链接，所有内容都已设置样式，但并未引入背景图像。文件结构相同，只是 css 位于 css 文件夹中，而图片仍在 pics 文件夹中。有任何想法吗？这是它的样子

background:url(pics/alexlogo1.png); 0 0 no-repeat;

我也试过

background:url(/pics/alexlogo1.png); 0 0 no-repeat;

和

background:url(.../pics/alexlogo1.png); 0 0 no-repeat;

但是在外部 css 文件中我似乎无法让它工作，但在 head 标签中它工作正常。

提前谢谢了

score 0 · Accepted Answer

嘿，你有一个语法错误！

删除;之后)

background:url(.../pics/alexlogo1.png); 0 0 no-repeat;

它应该看起来像这样

background:url(.../pics/alexlogo1.png) 0 0 no-repeat;

score 0 · Accepted Answer

当您在 CSS 文件中拥有样式时，URL 是相对于 CSS 文件的，而不是使用它的页面。

您应该使用两个时段来降低水平，而不是三个：

background:url(../pics/alexlogo1.png) 0 0 no-repeat;

url()（另外，当您有更多背景设置时，后面没有分号。）

其他人建议在 URL 周围添加引号，但对于像这样简单的 URL，不需要这样做。根据规范，引号（或撇号）是可选的，并且仅当 URL 包含会破坏 CSS 语法的特殊字符时才需要。

score 0 · Accepted Answer

尝试用引号包围您的路径，如下所示：

background:url("/pics/alexlogo1.png") 0 0 no-repeat;

请注意，这将导航到文件夹pics，该文件夹与文件位于同一目录中css。这意味着您需要执行以下操作：

background:url("../pics/alexlogo1.png") 0 0 no-repeat;

为了离开css folderwith..并进入pics文件夹 with /pics。

示例： C:\css\style.css 和 C:\pics\alexlogo1.png

C:\css\style.css
   .. -> C:\
   /pics -> C:\pics` 
   /alexlogo1.png -> C:\pics\alexlogo1.png

score 0 · Accepted Answer

background:url("../pics/alexlogo1.png") 0 0 no-repeat;

仅对..相对 url 使用（两个句点）。

4 回答 4