Make a transparent Rectangle

How-to Discussions
1

I am trying to show a rectangle in the background of my content. The rectangle will have some gradient kind of thing. The issue is my content also get blurred with this. This is my code

<Panel Margin="20,20,20,20">
<Rectangle  Width="100%" Height="70%" Alignment="Top" > 
    <LinearGradient>
        <GradientStop Offset="0" Color="#9999"/>
        <GradientStop Offset="1" Color="#9001"/>
    </LinearGradient>
</Rectangle>

<my.Text FontSize="30" TextAlignment="Center" Color="#fff" Margin="0,30">Moss Mosque</my.Text> 

</Panel>
2

I fixed it using Layout=“Background”