2013-03-19 10 views
8

私はHTMLでインターフェイスを設計しましたが、これをWPFに変換したいが、インセットシャドーに問題があります。WPFでインセットシャドーエフェクトを実現する方法

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

を探している効果のイムは、どのように私はまさにWPFにこれを翻訳することができ、このjsFiddleでここにいるのですか?

私は現在、リチャーズの回答に基づいている何

アップデートはまだかかわらず、影が表示されない、以下のでしょうか?

<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

をWPFはレンダリングのためにIE7互換モードを使用しませんか? IE7はボックスシャドーをサポートしていません –

答えて

15

あなたはそれに応じて厚さを微調整する、このような何かを試みることができる:

<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> 
関連する問題