новый для CSS фона теги сетчатки поддержки изображений на нескольких браузерах, не отображается в ФФ т.е.

Question

Я занимаюсь разработкой веб-страницы с поддержкой изображения Retina в первый раз,

Я использую

background: -webkit-image-set(url(images/myimage.png) 1x, 
          url(images/myimage_2x.png) 2x); 

У меня Safari на Mac работает так, как ожидалось, а также Chrome на Windows работает, но с Internet Explorer и Firefox на Windows не отображаются изображения.

Я думал, что, возможно, добавление фона: URL (изображения/myimage.png) как:

background: -webkit-image-set(url(images/myimage.png) 1x, 
          url(images/myimage_2x.png) 2x); 
background: url(images/myimage.png) 

и использовать это как падение назад был бы правильный способ сделать это, в то время как это теперь получить изображения, чтобы показать в Internet Explorer и Firefox я затем теряю версию Retina на Safari (теперь она загружает только изображение стандартного разрешения).

Если кто-то может, пожалуйста, покажите мне правильный путь, как я обеспечиваю сетчатка поддержка Safari на Mac, обеспечивая падение назад для IE и FF-браузеров на Windows, и т.д.

Любая помощь будет большим

Answer 1

-webkit- является эксклюзивным для Chrome и Safari (& Opera). Вы должны указывать теги специфических поставщиков для css.

Выходящий на ваш вопрос, на данный момент image-set свойство не доступно для IE или Firefox. Вы можете видеть это Caniuse data.