Question

我有一个特定身高的header。在其中，我想放置/加载包含下拉菜单的外部html文件。

<head>
    <style>
        header {
            height: 30px;
        }
    </style>
</head>

<body>
    <header>
        <iframe src="dropDownMenu.html"></iframe>
    </header>
    <main>[...]</main>
    <footer>[...]</footer>
</body>

问题是，下拉项目不会超过iframe本身或标题（绝对是因为header和iframe边界本身的特定高度）。

我已尝试在z-index中为iframe和外部菜单文件本身使用大数字而没有结果。我也尝试了embed和object。

iframe内容可以与iframe的边界重叠。如果是这样，可以仅使用HTML / CSS吗？

Answer 1

在使用z-index之前是否使用过CSS Position。因为如果没有，那么因为它需要CSS位置而没有真正起作用。

有关CSS位置的更多信息，您可以查看此链接。 https://www.w3schools.com/cssref/pr_class_position.asp

iframe内容与iframe的边界重叠

1 个答案: