How to Set Transparency Percentage for Image

[flareuser1]

I have an image on my homepage that I'd like to make somewhat transparent so that the text over the image is easier to read. I see where I can set the image to transparent in the stylesheet by changing Background from default to transparent. But, when I do that, the image is completely gone. I don't see where I can set the transparency percentage so that I can still see the image. Does anyone know if there is a setting for this?

I ended up opening my stylesheet in the text editor and adding opacity: .4; to the Background. But, there must be a way to do this for images without having to create a custom style. I just don't know where to find it.

Any help would be much appreciated. Thanks!

[NorthEast]

Select the image, go to the Formatting pane, and add the opacity attribute.

This will add local formatting; e.g.

Code: Select all

<img src="Resources/Images/image.png" style="opacity: 0.4;" />

[flareuser1]

Thank you, Dave. I set the opacity as a custom style, and it did make the image transparent, but it also made the text over the image transparent. Now, I need to figure out how to separate the background image from the text I place over it so that only the background image has transparency.

[Psider]

You can't set the opacity on a background image, but there's a general CSS trick you could try. Not sure how you'd go about it in Flare, but hopefully it helps.

https://css-tricks.com/snippets/css/tra ... nd-images/

[kmorrison]

I solved this one by editing the image file itself (a .png) to make it partly transparent.