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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (107)

CSS background-image属性的正确用法是什么?我想要理解的关键是

  1. 是否需要在引号中,即:background-image: url('images/slides/background.jpg');
  2. 它是一个相对路径(如上面),还是必须是一个完整的URL?
  3. 为了确保它在符合标准的浏览器上正确工作,我应该注意其他一些问题。
提问于
用户回答回答于

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

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

background-image: url(image.jpg);

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

然而,从W3C:

出现在未引号URI中的一些字符,如括号、空格字符、单引号(‘)和双引号(“),必须用反斜杠转义,以便得到的URI值是URI令牌:’(“,”)“”

因此,在这种情况下,必须使用引号或双引号,或者转义字符。

用户回答回答于
  1. 不需要引号。
  2. 是的你可以。但是请注意,相对URL是从样式表的URL解析的。
  3. 最好不要用引号。我觉得有些客户不了解他们。

扫码关注云+社区