Ошибка: CSS: background: / является неверным оператором - PullRequest
Новая
       41

Ошибка: CSS: background: / является неверным оператором

0 голосов
/ 05 января 2019

У меня есть следующий 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-валидатор , я получаю сообщение об ошибке:

Ошибка: CSS: background: / является неверным оператором.

Если я уберу это /, изображение не появится. Какой правильный путь?

1 Ответ

0 голосов
/ 05 января 2019

Если мы ссылаемся на формальный синтаксис :

enter image description here

/ - это разделение между background-position и background-size (этот необязательный), поэтому правильный синтаксис: 

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

Где background-position:100% 0 и background-size:4%

Обратите внимание, что background-size всегда следует указывать с background-position при использовании сокращенного синтаксиса. Вы не можете указать размер без позиции, но вы можете указать позицию без размера: 

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

Relatad question: Проблемы с "background-position" в сокращенном свойстве "background"

...