一尘不染

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

css

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

  1. 是否需要用引号引起来,即: background-image: url('images/slides/background.jpg');
  2. 可以是相对路径(如上所述)还是必须是完整URL?
  3. 我应该注意的其他事项,以确保它在符合标准的浏览器中正确运行。

阅读 606

收藏
2020-05-16

共1个答案

一尘不染

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

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

background-image: url(image.jpg);

要么

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

但是,从W3:

出现在未加引号的URI中的某些字符,例如括号,空格字符,单引号(’)和双引号(“),必须用反斜杠转义,以使最终的URI值为URI令牌:’\(’,
‘\)’。

因此,在此类情况下,有必要使用引号或双引号,或者转义字符。

2020-05-16