在 WPF 中使用 Z-Index 有困难答案

【问题标题】：Having difficulty using Z-Index in WPF在 WPF 中使用 Z-Index 有困难
【发布时间】：2013-03-28 19:13:21
【问题描述】：

我已经按照一些示例尝试在 WebBrowser 对象上放置一个矩形：

Here is the MSDN example link.（我得到了它的工作）

这是我要开始工作的代码：

<Grid>
    <Canvas Margin="2,4,0,-450" >
        <Rectangle Height="452" Canvas.ZIndex="1000" Name="rectangle1" Stroke="Black" Width="524" Opacity=".5" Fill="#8CBABABA" Canvas.Top="-7" Canvas.Left="-3" />
        <WebBrowser Name="mapBrowser" Canvas.ZIndex="999" Margin="5,5,5,5"  Height="452" Width="516" Canvas.Top="-11" />
    </Canvas>
</Grid>

我正在尝试通过使矩形出现在其上方来使WebBrowser 出现变灰。我也会禁用它。

谁能指出我做错了什么？

【问题讨论】：

.Net 的哪个版本？ There are known "airspace" issues with WPF and WebBrowser.
尴尬 @sixlettervariables 我该如何检查。如果这告诉你，我是 VS2010。
您最多使用 4.0，所以是的，您将无法使用 WebBrowser 控件覆盖任何内容。
呸。有什么简单的解决方法吗？
WPF 网络浏览器实际上是 ActiveX 内容的包装器。您将无法在其上放置 WPF UI 元素。我建议看看 Awesomium。

标签： wpf z-index layer

【解决方案1】：

我通过创建一个 .png 图像解决了这个问题，并将其放置在与网络浏览器相同的空间中。它看起来像是第一次出现在网络浏览器中的灰色版本。然后我有条件地隐藏了使图像可见的网络浏览器。这是我发现使用 .Net 4.0 使其工作的唯一方法。

【讨论】：