为什么这个按钮的功能区域很小？

Question

我有这样的行为就像WPF应用程序中的按钮。它上面有一个图像。它工作正常，但是用户需要完全按下中间才能获得其功能。

因此图像覆盖整个＆＃34;按钮＆＃34;这在技术上是一个边界。然而，用户只有非常小的空间来点击。距离每个边缘最多约20个像素的所有边缘都不起作用。 用户功能空间非常小的原因是什么？

<Border x:Name="previewButton" Margin="0,10" Height="89" Padding="0" MouseDown="previewButton_MouseDown" MouseUp="previewButton_MouseUp" BorderBrush="#FF535151" BorderThickness="1" MouseLeave="previewButton_MouseLeave" TouchDown="previewButton_TouchDown" TouchUp="previewButton_TouchUp" TouchLeave="previewButton_TouchLeave" >
    <Image Width="50" Source="/EZ3D;component/Resources/old/eye.png" Margin="4.2,0.2,3.4,0.2" />
</Border>

边框：

边框上的图片：

Answer 1

将边框的Background设置为Transparent以使其可见：

<Border Background="Transparent" ...>