XAML中Image控件加载图片不显示的问题排查求助

最初我以为需要使用BorderBrushes、ImageSources这类属性，后来发现直接在简单的Border中放置Image控件即可。

设计界面状态 #

设计时界面显示如下：

（第一个图片来自文件All_Colours.png，第三个来自Transparant.png，第二个棕色方块无需关注）

对应的XAML代码：

<Border x:Name="box_Interior_Group_Color">
  <Image Source="/Company.Customer.Client;component/Views/views/All_Colours.png"/>
</Border>

...

<Border x:Name="box_Interior_Transparant">
  <Image Source="/Company.Customer.Client;component/Views/views/Transparant.png"/>
</Border>

运行后异常情况 #

程序运行后显示效果如下：

我已尝试以下操作，但问题仍未解决：

• 将All_Colours.png和Transparant.png复制到运行目录及Modules子目录（我开发的是位于运行目录Modules下的DLL）
• 检查Visual Studio输出窗口，未发现任何图片加载失败的提示信息（按常理加载失败会输出相关日志）

调试补充信息 #

使用调试器的「选择元素」功能时，仅能选中棕色方块：

• 悬停在棕色方块上时，方块会轻微变灰：
  
• 悬停在其他区域时，整体轻微变灰，仿佛对应Border不存在：
  

但打开「实时可视化树」功能时，能确认对应的Border是存在的：

请问该如何解决这个问题？

内容的提问来源于stack exchange，提问作者Dominique