html - 下拉菜单出现在使用对象标签嵌入的网页后面

Question

我一直在为我工作的公司设计内网样式，我们决定采用下拉菜单进行全局导航。

我们发现了一个问题，其中嵌入对象标签的页面使下拉菜单黯然失色。我们无法更改作为对象嵌入的页面的行为，因为这是在 Intranet 中显示 SAP 页面所选择的解决方案(根据开发人员的说法，iframe 不适用于这些页面)。

下拉菜单是使用纯 css 和 html 制作的，并且是有效的绝对定位元素。我曾尝试在对象和菜单上设置绝对位置和 z 索引，但这没有用。

有没有人有解决方案可以让下拉菜单出现在通过对象嵌入的网页上？

Answer 1

找到适用于所有对象的解决方案。

如果您创建一个 z 索引大于 0 的 iframe 并将其放置在对象上，它会显示在对象的前面。如果您随后将 z 索引大于 iframe 的 div 元素放置在 iframe 上，它会清楚地显示。

用下拉菜单实现这个有点棘手，但这是可能的。希望这对其他人有帮助。