如何在菜单栏上覆盖 iframe答案

【问题标题】：How to overlay Iframe on menu bar如何在菜单栏上覆盖 iframe
【发布时间】：2013-10-24 20:45:25
【问题描述】：

我是 HTML、CSS 和 IFrame 的新手。现在我的网页包含菜单栏，我需要在上面粘贴一个天气插件。现在菜单栏使用标签完成。我需要在这个菜单栏上粘贴天气插件。我使用标签来获取生成当前天气状态图像的文件。

所以图像是在 html 文件上生成的。我需要将此图像粘贴到菜单栏上。我确实使用标签来粘贴它。但是当我使用它时，菜单栏会向下移动。如何在不移动菜单栏的情况下将其粘贴到菜单栏上。

【问题讨论】：

【解决方案1】：

尝试将 iframe 设置为 display: inline，这是一个 css 属性。如果您没有设置样式表或不太了解 css，只需将此属性添加到您的 iframe 标记：style="display: inline" 它将将该样式应用于元素。

元素在文档上的视觉排列方式取决于它们的显示属性；主要是内联或块 - 块是 iframe 的默认值，这将导致推送。

【讨论】：

【解决方案2】：

尝试给予

CSS{ position:absolute; z-index:999; top:20px; right:30px}

您可以根据自己的要求更改顶部和右侧的值

您将有一个菜单栏容器将position:relative 分配给该容器

【讨论】：