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

Question

CSS background-image 属性的正确用法是什么？ 我想了解的关键是

1. 是否需要用引号引起来，即:background-image: url('images/slides/background.jpg');
2. 它可以是相对路径(如上)还是必须是完整的 URL？
3. 我应该注意的任何其他要点，以确保它在符合标准的浏览器中正常工作。

Answer 1

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

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

background-image: url(image.jpg);

或者

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

然而，来自W3 :

Some characters appearing in an unquoted URI, such as parentheses, white space characters, single quotes (') and double quotes ("), must be escaped with a backslash so that the resulting URI value is a URI token: '\(', '\)'.

因此在这些情况下，要么使用引号或双引号，要么对字符进行转义。