CSS 背景-图片-正确的用法是什么？

你不需要使用引号，你可以使用任何你喜欢的路径！

1. 不，你不需要引用。

2. 是的，您可以。但是请注意，相对 URL 是从您的样式表的 URL 解析的。

3. 最好不要用引号。我想有些客户不理解它们。

1)加引号是个好习惯

2)它可以是相对路径，例如:

background-image: url('images/slides/background.jpg');

将在加载 css 的文件夹中查找图像文件夹。因此，如果图像在另一个文件夹中或在 CSS 文件夹树之外，应该使用绝对路径或相对于根路径(从/开始)

3)你应该对背景图像使用完整的声明，使其在符合标准的浏览器中表现一致，比如:

background:blue url('/images/clouds.jpg') no-repeat scroll left center;

路径可以是完整的，也可以是相对的(当然，如果图像来自另一个域，它必须是完整的)。

您不需要在 URI 中使用引号; 语法可以是:

background-image: url(image.jpg);

或者

background-image: url("image.jpg");

然而，来自 W3:

一些出现在未加引号的 URI 中的字符，如括号、空白字符、单引号(’)和双引号(”) ，必须用反斜杠转义，以便产生的 URI 值是一个 URI 标记:’(’,’)’。

因此，在这样的实例中，要么需要使用引号或双引号，要么需要转义字符。

看一下 背景图像背景图像和 URI的站点参考页面

1. 它不必在引号，但可以使用他们，如果你喜欢。(我认为 IE5/Mac 不支持单引号)。
2. 相对路径和绝对路径都是可能的; 相对路径相对于 css 文件的路径。

相对路径很好，不需要引号。另一个有用的方法是使用“简写”background属性来指定背景颜色，以防图像不加载或由于某种原因不可用。

#elementID {
background: #000 url(images/slides/background.jpg) repeat-x top left;
}

还需要注意的是，您可以指定图像是否重复以及在哪个方向重复(如果不指定，默认值是水平和垂直重复) ，还可以指定图像相对于其容器的位置。

如果你的图片在你的 css 文件的一个单独的目录中，并且你希望相对路径从你网站的根目录开始:

background-image: url('/Images/bgi.png');

只需检查目录结构，其中确切的图像是假设你有一个 css 文件夹和图像文件夹外的 css 文件夹，那么你将不得不使用”。./images/image. jpg” 它将工作，因为它为我只是确保目录结构。

像下面这样写你的 css 文件

background:url("images/logo.jpg")

你真的不需要引号，如果让说使用正在使用的图像从您的 css 文件，它可以

{background-image: url(your image.png/jpg etc);}