wp-rocket icon indicating copy to clipboard operation
wp-rocket copied to clipboard

Published 20 hours ago • verified publisher icon wp-media

LazyLoad for CSS background images breaks linear-gradient applied to images

Open viobru opened this issue 10 months ago • 0 comments

Before submitting an issue please check that you’ve completed the following steps:

  • Made sure you’re on the latest version ✔️ (3.15.10)
  • Used the search feature to ensure that the bug hasn’t been reported before ✔️

Describe the bug linear-gradient applied to background-image is not visible when LazyLoad for CSS background images is enabled.

To Reproduce Steps to reproduce the behavior:

  1. Add a background-image with a linear-gradient applied to it.
  2. Enable the LazyLoad for CSS background images.
  3. See error: the linear-gradient is not visible when the image is loaded.

Expected behavior A linear-gradient applied via background-image should be visible once the background image is loaded on the page.

Screenshots N/A

Additional context HS ticket: https://secure.helpscout.net/conversation/2572553368/486916 Slack thread: https://wp-media.slack.com/archives/C43T1AYMQ/p1713525678741239

viobru avatar Apr 19 '24 18:04 viobru