背景图像不工作外部css

我正在与头标签中的CSS项目工作。我现在把它作为一个外部文件链接起来，所有的东西都是风格的，但它没有引入背景图片。文件结构是相同的，除了CSS是在一个css文件夹中，并且图片仍然在图片文件夹中。有任何想法吗？这里是什么样子背景图像不工作外部css

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文件时但是它在头标签中工作正常。

提前

当你在一个CSS文件中的风格非常感谢，那么URL是相对的CSS文件，而不是使用它的页面。

你应该用两个时期获得的水平降下来，不是三：

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

（此外，url()后没有分号，当你有更多的背景设置）

其他有建议在URL周围添加引号，但URL不需要这样简单。根据the specification，引号（或撇号）是可选的，只有当URL包含特殊字符时才需要引号（或撇号），否则这些字符会破坏CSS语法。

2013-05-01 08:37:08 Guffa

尝试放在引号路径，像这样：

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

注意这将导航到文件夹pics，这个文件夹是在同一目录中css文件。这意味着你需要做的：

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

为了离开css folder与..与/pics进入pics文件夹。

实施例： C：\ CSS \ style.css文件和C：\图片\ alexlogo1.png

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

2013-05-01 08:37:31 Aquillo

您好，感谢回答这么快。 – user1910388 2013-05-01 10:18:08

@ user1910388不客气。由于您是新手，可能不知道这一点，如果有任何答案能正确回答您的问题，请点击投票标记下面的标记接受此问题。这有助于未来的读者找到问题的最佳答案。 – Aquillo 2013-05-01 10:19:28

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

只使用..（两个周期）为相对URL。

2013-05-01 08:37:48

嘿，你有一个语法错误！

去除;后)

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

它应该是这样的

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

2013-05-01 09:05:12 Subash

回答