Есть ли только резервный метод css для установки разных фоновых изображений?(webP + jpg отступление) - PullRequest
Новая
       83

Есть ли только резервный метод css для установки разных фоновых изображений?(webP + jpg отступление)

0 голосов
/ 24 сентября 2019

Моя проблема в том, что я хочу использовать WebP-изображение в качестве фонового изображения, но мне нужен запасной вариант для старых браузеров (jpg-Image).

Я нашел решение JavaScript вИнтернет, где он смотрит, может ли браузер использовать WebP-изображения или нет, но это не только-css и потому что это JavaScript, я хочу этого избегать.

Возможно, вы могли бы использовать его как со шрифтами.Сначала вы устанавливаете опцию для современного браузера (woff2), а затем устанавливаете метод fallback (otf)

Проблема в том, что когда вы делаете это как шрифты, вы устанавливаете несколько фонов, и он загружает каждое изображение.Таким образом, у вас нет более быстрого веб-сайта. 

@font-face { 
    font-family: 'your-font';
    src:url('your-font.woff2') format('woff2'),
        url('your-font.WOFF') format('woff'),
        url('your-font.otf') format('opentype');}

Есть ли решение, которое вы можете сделать это с фоновыми изображениями?

...