How can I have an image with a transparent background on a button?

[Kimber]

I've created a blank button and am using an image containing transparent areas for the background. However, the transparent portion of the image isn't transparent in the button. If I adjust the button's fill transparency, the whole image becomes transparent. In the picture below, the blue line should touch the edges of the tab instead of disappearing behind the margins of the button. 

 

I can apply a fill color independently of the image, but I can't adjust its transparency independently. Is there a workaround for this?

[Selva-Salimi]

Hi @Kimber 

have you tried bring forward, bring to front options?! I can not find out which button did you use and add this picture on your button?!

If this post helps, then I would appreciate a thumbs up and mark it as the solution to help the other members find it more quickly.

[Kimber]

Yes, I have tried changing the order of the layers, but my design requires the background of the button to be transparent. It seems crazy that I can set a the background color for the button and overlay an image with transparency on top of it, as in the yellow and blue button I posted, but I can't then set the background color's transparency.

[Anonymous · Accepted solution]

Thanks for the reply from Selva-Salimi , please allow me to provide another insight:

Hi, @Kimber 

Indeed, based on my practical tests, if you insert a blank and then add an image within it, the system will treat your image as part of the fill.

Therefore, the image's transparency will change along with the fill's transparency.

However, we can directly insert the image:

In this way, when you adjust the background transparency, it will affect only the background and not the image itself.

And it also has the same action function as inserting a button:

Here's my final result, which I hope meets your requirements.

Please find the attached pbix relevant to the case.

 
Of course, if you have any new discoveries or questions, please feel free to get in touch with us.
 

Best Regards,

Leroy Lu

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.