Transparency on Stretched Background

**Chris M** · 12 January 2019, 09:46 PM

Not much explanation needed: transparent .png on a stretched background produces a square of the unstretched background around the .png. It's the Alpha channel thing, but what do you do to work around it?

I searched the forum for this as I presume it's been asked before. Also not sure if it's a graphics question or a web design question.

Yes, I still need to clean up around the chunks of soy/meat

Click image for larger version.

Name: 1.jpg
Views: 121
Size: 90.2 KB
ID: 123134

**gwpriester** · 13 January 2019, 12:36 AM

Moved to Web Design.

**Spitsoor** · 13 January 2019, 09:29 AM

Ah yes, encountered this many times.

You actually need to tell Xara that this png you uploaded is to be used as a png.
Sounds silly but that's how it is.
Select your image, go to web properties -> image and choose png.
Default sets it to Let Xara choose....and they always choose jpg.

**Chris M** · 13 January 2019, 09:42 AM

Spitsoor, do you know how many times I've done workarounds for this?..and you knew the answer all along.

Learning. Always learning. Dank je.

**Spitsoor** · 14 January 2019, 12:43 PM

Graag gedaan!

Honesty prompts me to tell you that I found the answer on here some time ago. Don't know what thread anymore, but the credits go to this forum!

**Chris M** · 14 January 2019, 08:23 PM

That will apply to a lot of answers. I did search before asking, but after following the Google rule of 'if it's not on the first page, it's invisible', I asked.

**Acorn** · 14 January 2019, 08:47 PM

Even with PNG's applied to images and stretches with transparencies, I can still break it.

Have a look at https://gradientlab.space/ instead. Simple example for the red block: CSS3 - AtAStretch.xar

Acorn