lazysizes icon indicating copy to clipboard operation
lazysizes copied to clipboard

Manage background image -gradient

Open bordeo opened this issue 5 years ago • 3 comments

Using gradient with background image now will be preserved

<div class="lazyload"
     style="padding-bottom: 40%; background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.2), rgba(17, 17, 17, 0.2)), url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==')"
     data-bgset="image.jpg">
</div>

it becames

<div class="lazyloaded"
     style="padding-bottom: 40%; background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.2), rgba(17, 17, 17, 0.2)), url('image.jpg')"
     data-bgset="image.jpg">
</div>

bordeo avatar May 26 '20 09:05 bordeo

Thank you. Sadly our stupid browsers do not support Array.from. (I know...)

aFarkas avatar Jun 01 '20 17:06 aFarkas

What version of es do you want to support?

bordeo avatar Jun 01 '20 18:06 bordeo

What version of es do you want to support?

ES5 / pre ES 2015. Currently we support IE9+ but that is primarily historic. (Everything that supports getElementsByClassName). But we could also discuss everything that supports MutationObserver.

aFarkas avatar Jun 01 '20 20:06 aFarkas