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

背景图像在外部css中不起作用,css,background-image,Css,Background Image,我在做一个项目,头标签上有css。我现在把它链接成一个外部文件,所有的东西都有样式,但是没有背景图片。文件结构相同,只是css位于css文件夹中,而pics仍位于pics文件夹中。有什么想法吗?这是它的样子 background:url(pics/alexlogo1.png); 0 0 no-repeat; 我也试过了 background:url(/pics/alexlogo1.png); 0 0 no-repeat; 及 但我似乎无法让它在外部css文件中工作,但在head标记中工作良好

我在做一个项目,头标签上有css。我现在把它链接成一个外部文件,所有的东西都有样式,但是没有背景图片。文件结构相同,只是css位于css文件夹中,而pics仍位于pics文件夹中。有什么想法吗?这是它的样子

background:url(pics/alexlogo1.png); 0 0 no-repeat;
我也试过了

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

但我似乎无法让它在外部css文件中工作,但在head标记中工作良好


提前多谢

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

您应该使用两个句点来降低级别,而不是三个句点:

background:url(../pics/alexlogo1.png) 0 0 no-repeat;
(另外,当您有更多背景设置时,
url()
后面没有分号。)



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

尝试用引号围绕路径,如下所示:

background:url("/pics/alexlogo1.png") 0 0 no-repeat;
注意:这将导航到文件夹
pics
,此文件夹与
css
文件位于同一目录中。这意味着您需要:

background:url("../pics/alexlogo1.png") 0 0 no-repeat;
要使用
离开
css文件夹
并使用
/pics
进入
pics
文件夹

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

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

仅对相对URL使用
(两个句点)。

嘿,你有语法错误

删除
之后)

应该是这样的

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

@用户1910388不客气。由于您是新手,可能不知道这一点,如果有任何答案正确回答了您的问题,请单击投票分数下方的左标记接受。这有助于未来的读者找到这个问题的最佳答案。
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;