I have a page with a background image on which I'd like to display elements with a semi-transparent background. For example, a StackLayout with some labels that has a white, but semi-transparent, background so the page's background image shows partially through. I had hoped this could be achieved by simply setting opacity on the VisualElement, but unfortunately setting opacity affects both foreground and background, so the text in the labels is dimmed. Not the effect I'm going after - I want the text bright and fully opaque.
How can I achieve this effect without dimming the foreground of the elements inside the stacklayout?