Ошибка проверки w3.org: background-image и image-set (разрешение сетчатки)

Question

Следующие строки кода представляют собой фоновые изображения на небольшом веб-сайте с полноэкранным заголовком. Я хотел применить стили непосредственно в html с намерением, чтобы загрузка изображений не блокировалась css -разбором.

Я пробовал два разных подхода:

<div class="..." style="background-image: url('assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg'); background-image: -webkit-image-set('assets/img/textatelier/textatelier_elisabeth_zenz_header_1867.jpg' 1x, 'assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg' 2x);background-image: image-set('assets/img/textatelier/textatelier_elisabeth_zenz_header_1867.jpg' 1x, 'assets/img/textatelier/textatelier_elisabeth_zenz_header_3733.jpg' 2x);" data-zanim-xs='{"delay":0,"animation":"zoom-out"}' data-zanim-trigger="scroll">

Второй подход такой же, за исключением инкапсуляции путей к изображениям с помощью url ().

Оба не проверяются на validator.w3.org (примечание: это ссылка на валидация сайта, который в прямом эфире для вас, чтобы увидеть). Буду очень признателен за любые подсказки!

Answer 1

См. документацию MDN для image-set.

. Единственная спецификация, которая описывает это, - CSS Уровень изображения модуля 4 , который в настоящее время является рабочим проектом. .

Это еще не стандарт, поэтому он недействителен, поэтому валидатор сообщает, что он недействителен.