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

时间:2012-02-06 02:19:32

标签: html css object menu drop-down-menu

我一直致力于为我正在为之工作的公司设计内部网络,我们决定采用下拉菜单进行全球导航。

我们发现了一个问题,其中嵌入在对象标签中的页面会遮蔽下拉菜单。 我们没有选择更改作为对象嵌入的页面的行为,因为这是在Intranet中显示SAP页面的选择解决方案(根据开发人员,iframe对这些页面不起作用)。

下拉菜单使用纯粹的css和html制作,实际上是绝对定位的元素。我已经尝试在对象和菜单上设置绝对位置和z索引但是这没有用。

有没有人有一个解决方案可以让下拉菜单显示在通过对象嵌入的网页上?

1 个答案:

答案 0 :(得分:2)

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

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

使用下拉菜单实现此功能有点棘手,但这是可能的。希望这有助于其他人。