CSS background-image - 正确的用法是什么？

Question

CSS background-image - 正确的用法是什么？CSS background-image属性的正确用法是什么？我想要了解的关键事项是它是否需要在引号中，即： background-image: url('images/slides/background.jpg');它可以是相对路径（如上所述）还是必须是完整的URL？我应该注意的任何其他要点，以确保它在符合标准的浏览器中正常工作。

Answer 1

路径可以是完整的或相对的（当然，如果图像来自另一个域，则它必须是满的）。

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

background-image: url(image.jpg);

要么

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

但是，从W3：

出现在不带引号的URI中的某些字符（如括号，空格字符，单引号（'）和双引号（“））必须使用反斜杠进行转义，以便生成的URI值为URI标记：'\（'， '\'）。

因此，在诸如此类的实例中，要么使用引号或双引号，要么转义字符。

Answer 2

1. 不，你不需要报价。

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

3. 最好不要使用引号。我认为有些客户不理解他们。

Answer 3

1）引用报价是一个好习惯

2）它可以是相对路径，例如：

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

将在加载css的文件夹中查找images文件夹。因此，如果图像在另一个文件夹中或在CSS文件夹树之外，则应使用绝对路径或相对于根路径（以/开头）

3）您应该使用完整的背景图像声明，使其在符合标准的浏览器中表现一致，例如：

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