Why are images not showing on mobile devices?

Question

css

Good time everyone!

Such a question: pictures are not displayed on some mobile devices. It feels like they just don't load. It doesn't look like it has anything to do with styles - in the developer tools everything is fine on the appropriate screen sizes, and besides, on other devices of a similar size everything is fine.

Happened with both regular and background images. Now I understand why the block background is not displayed:

background: url('some-image.png') center / cover no-repeat

The block itself is loaded via ajax.

I don't have access to the devices on which the bug was found. Can anyone come across?

Answer 1

not all browsers supported the correct alpha channel format, and by default they were loaded as transparent, even with alpha channel 0, as soon as I switched to png without alpha, everything was cured.