Error: CSS: background: / is an incorrect operator

Question

我有以下 HTML:

<!DOCTYPE html>
<html lang="en">

  <head>
    <title>test</title>

  </head>

  <body>
    <div style="height:100%;background: url('https://apprecs.org/ios/images/app-icons/256/90/1097333136.jpg') 100% 0 no-repeat / 4%;">
      <p>
      bob
      Is
      The 
      best!

      </p>

    </div>
  </body>

</html>

图像显示良好，但是当我转到 HTML validator 时出现错误：

Error: CSS: background: / is an incorrect operator.

如果我删除 / 则图像不会出现。正确的做法是什么？

Answer 1

如果我们参考formal syntax:

/ 是 background-position 和 background-size 之间的分隔（这个是可选的）所以正确的语法是：

 background: url(...) 100% 0/4% no-repeat;

其中 background-position:100% 0 和 background-size:4%

请注意，在使用 shorthand 语法时，应始终使用 background-position 指定 background-size。您不能指定没有位置的大小，但可以指定没有大小的位置：

 background: url(...) 100% 0 no-repeat;

Error: CSS: background: / is an incorrect operator

Error: CSS: background: / is an incorrect operator

css

background

w3c-validation