html - wmode - 它在浏览器的呈现行为中意味着什么？

Question

对象标签和 iframe 标签中的 Wmode。

有很多关于使导航在 Flash 页面等中正常工作的讨论。

-有人请详细解释一下属性的实际作用。接受任何级别的技术细节。

谢谢

Answer 1

wmode是<embed>独有的参数标签指的是 Flash 电影。默认值为 wmode=window .

wmode=window

当 wmode=window , Flash 影片不会在页面中呈现。它显示在与浏览器内容不同的单独窗口中(使用 Spy++ 或 WinSpy++ 检查)。这种模式将具有最佳性能，因为浏览器不必在每一帧上重绘页面的一部分。但是，此模式会阻止您让内容出现在 Flash 影片的上方或下方。

• 最佳表现
• 在单独的窗口中呈现
• 不透明背景
• 不允许以下内容
• 不允许出现以上内容

wmode=opaque

当 wmode=opaque , Flash 影片呈现为页面的一部分。没有为电影创建窗口。电影将使用发布过程中设置的背景颜色进行渲染，并且不允许有任何内容落后。在每一帧上，出现在影片上方的内容必须由浏览器重新绘制，从而影响性能。

• 表现良好
• 作为页面的一部分呈现
• 不透明背景
• 不允许以下内容
• 允许上面的内容

wmode=transparent

当 wmode=transparent , Flash 影片呈现为页面的一部分。没有为电影创建窗口。电影的背景颜色将是透明的。因此，电影的任何非不透明部分都将允许显示底层内容。在每一帧上，出现在影片上方和下方的内容都必须由浏览器重新绘制，从而极大地影响性能。

• 表现一般
• 作为页面的一部分呈现
• 透明背景
• 允许以下内容
• 允许上面的内容

---

编辑:以下是您的其他问题的答案...

是wmode仅 FLASH 属性？
是的，wmode仅适用于 <embed>嵌入 Flash 电影的标签。

不同值之间对性能有什么影响？
wmode=window将具有最佳性能，因为 Flash 影片与页面本身完全分开呈现。浏览器不必刷新，也不必计算出现在 Flash 影片上的内容的 z-index 位置，因为此模式下的 Flash 影片是在一个完全独立的窗口中呈现的(可以使用 Spy++ 检查)。

wmode=opaque和 mode=transparent两者都遵循非常相似的渲染路径。然而，它们比 wmode=window 慢因为浏览器必须检查元素以查看它们是否呈现在电影上方并在每一帧上呈现它们。注意 wmode=transparent比 wmode=opaque因为它还必须呈现底层内容以及叠加内容。

所以，按照性能顺序...

FASTEST ----------------------------- SLOWEST

WINDOW             OPAQUE         TRANSPARENT