The Swiper widget is showing black as a background for my transparent .webp instead of rendering the image with a transparent background as it pages through my webp screen shots. You can see it all around the image but I’ve circled the top corner to identify the issue. Same thing happens when previewing in the browser. When I open the webp in gimp the pixels are transparent.
The fix is to set the --bs-card-bg: xyz; to transparent in the .card style. I guess rather than a bug this is just a styling preference?
Yes, not sure why Bootstrap CSS does this, it catches me out at times too
1 Like