Li元素的iframe问题

Question

我刚遇到一个iframe和其他元素的问题：

CSS：

CloseableHttpClient httpClient = HttpClients.custom()
     .setDefaultRequestConfig(requestConfig)
     .build();

HTML：

body
{
    margin-right: 0px;
}

ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(180, 180, 180);
    min-width: 750px;
    max-width: auto;
    border-top-left-radius: 35%;
    border-bottom-left-radius: 35%;
    position: relative;
    top: -25px;
}

li 
{
    float: left;
}

li a
{
    display: block;
    text-align: center;
    font-size: 25px;
    color: black;
    padding: 20px;
    text-decoration: none;
}

li a:hover 
{
    background-color: black;
    color: white;
}

iframe
{
    position: relative;
    top: -50px;
    z-index: -1;
    width: 1000px;
    height: 500px;
}

我无法按下按钮，可能是iframe上的li挡住了 但是我如何解决它会起作用？

我只是尝试了所有事情，但我并不出色，对我来说这只是个滚蛋。 ：）

Answer 1

iframe需要直接的网址来收集内容，以便其他人可以看到。 src =“ iframe.html”对您的情况无济于事，它们引用本地index.html，它将在您的计算机上运行，​​但是对我们没有帮助？如果服务器上存在iframe，我们可以提供帮助，例如http：//，否则我们看不到您在看什么。

Answer 2

此外，您还有z-index：-1;删除它，看看它是否有效

Answer 3

如果您正在使用

    z-index: -1;

对于iframe，它将无法点击，因为主体z-index会更大，因此不允许点击功能。将其视为堆栈，则它位于顶部的项目的z-index越高。将iframe的z索引设置为大于主体的z索引，这是一个好习惯。如果有条件地渲染它们。