2014-01-04 2 views
-1

Я изучаю размер фона по нескольким причинам, но в основном потому, что, используя его, я могу использовать спрайты и Я могу сделать эти изображения отзывчивыми. Проблема, конечно, в более старых браузерах, таких как IE8 и ниже.jQuery fallback for background-size

Я бы хотел использовать polyfill, но этот, кажется, не работает с числовыми значениями, только с cover и contain. Что мне нужно, это хороший запасной вариант для таких вещей, как это:

background-size: 100% auto; 

Я предпочел бы не использовать никаких плагинов, если нет другого пути.

ответ

2

Посмотрите на Louis Remi's Polyfil. Обычно я использую backstretch.js. В какой-то момент вам просто нужно перестать заботиться о точности в IE8.

+0

@BramVanroy Рациональное решение в вашем случае - это обзор реализации спрайтов с помощью спрайтов и реагирования. –

+2

@BramVanroy вам нужно использовать вложенные элементы в этом контексте и добавить и поместить Sprite в дочерний элемент внутри своего родителя. Это обычное явление - это все рамки, посмотрите, как [инуиты справляются с спрайтами] (https://github.com/csswizardry/inuit.css/blob/master/objects/_sprite.scss), например. '' View your favourites Я также имел аналогичные сражения с фоном размером в прошлом и unfortuanately у меня нет явного ответа на ваш первоначальный вопрос, но, по крайней мере, альтернативное определение вашей проблемы пространства. –