2013-03-19 4 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> 
관련 문제