[ad_1]
I’m utilizing a emblem because the navbar toggler for 768px screens and beneath. On the developments instruments and android it really works as meant with the PNG preserving its alpha channel.
Android Screenshot of Brand with PNG working because it ought to
Nonetheless, I’ve examined it on an iPhone 8 and get the next end in a number of browsers.
iPhone Screenshot of Brand that has some transparency however an added white background
I then examined it on MacOS Massive Sur and get the same situation however solely with Safari.
MacOS Massive Sur Screenshot of Brand that has no transparency however an added white background
The code beneath is the styling that I’ve for this ingredient. I’ve tried it as simply an img in html, or an image by itself. My newest try with the background property is after following some solutions from stack.
.logo-nav-toggle {
width: 75px;
peak: 100px;
background: rgba(255, 255, 255, 0) url('/src/img/d_labyrinth_transparency_75x100.png') no-repeat heart heart;
}
Any concepts what the answer to this may very well be?
[ad_2]
