DockPanel Docked Opacity

How-to Discussions
1

Hi,

Can you help me to make a transparent docked panel ?

My code looks like this

<DockPanel>
    <ScrollView>
        <StackPanel>            <Image Url="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRX1XlR4PmAXH8L4Pwt90LD-QmDiKj6PcKMK-Kp6L3u4g6BRkO0"/&gt; 
            <Panel Background="#eeeeee" Height="40"/>            <Text Margin="20" TextWrapping="Wrap" Value="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
        </StackPanel>
    </ScrollView>

    <BottomBarBackground Dock="Bottom"/>

    <Panel Dock="Bottom" Height="50" Opacity="0.8">

        <Rectangle Fill="#89eff2" Layer="Background" Opacity="0.8"/>

    </Panel>

</DockPanel>

But it doesn’t do the trick (my text is way longer, and I’like the user to still see it under the panel )

2

By setting

<ScrollView Layer="Background">

it works