2013-03-19 9 views
8

Ich habe eine Schnittstelle in HTML entworfen und möchte diese in WPF übersetzen, habe aber Probleme mit eingefügtem Schatten.So erzielen Sie einen eingefügten Schatteneffekt in WPF

box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.5); 

Die Wirkung im suchen, ist hier in diesem jsFiddle, wie kann ich genau dies in WPF übersetzen? obwohl

aktualisieren

Was ich derzeit auf Antwort Richards ist unten, es ist immer noch nicht einen Schatten zeigt?

<Border Grid.Row="1" CornerRadius="3" Grid.Column="0" Margin="13,0,12,0" BorderThickness="0" BorderBrush="#d2d2d2" ClipToBounds="True" Background="#fff0f0f0" > 
    <Border Background="Transparent" BorderBrush="Black" CornerRadius="3" BorderThickness="0" Margin="0"> 
     <Border.Effect> 
      <DropShadowEffect ShadowDepth="2" BlurRadius="7" Color="Black" Direction="270" Opacity="0.5"/> 
     </Border.Effect> 
    </Border> 
</Border> 
+0

Ist WPF verwenden nicht IE7 Kompatibilitätsmodus für die Wiedergabe? IE7 unterstützt keinen Box-Schatten –

Antwort

15

Sie könnte so etwas wie diese versuchen, entsprechend der Dicken Tweaking:

<Border Background="LightGray" BorderBrush="DarkGray" 
      BorderThickness="1" ClipToBounds="True"> 
    <Border Background="Transparent" BorderBrush="Black" 
       BorderThickness="0 2 7 0" Margin="-2"> 
    <Border.Effect> 
     <DropShadowEffect ShadowDepth="0" BlurRadius="10"/> 
    </Border.Effect> 
    </Border> 
</Border>