Html iframe中的按钮不工作_Html_Button_Iframe

Html iframe中的按钮不工作

html button iframe

Html iframe中的按钮不工作,html,button,iframe,Html,Button,Iframe,我使用的是一个简单的iframe代码 <iframe src="http://caesium.x10.mx/test/index.html" allowtransparency="true" style="border:none" width="852" height="500"></iframe> 内部有一个工作按钮（右下角），但如果您尝试在iframed页面（）上单击此按钮，则该按钮不工作有人能帮我找到解决办法吗谢谢用于按钮的代码 <center&g

我使用的是一个简单的iframe代码

<iframe src="http://caesium.x10.mx/test/index.html" allowtransparency="true" style="border:none" width="852" height="500"></iframe>

内部有一个工作按钮（右下角），但如果您尝试在iframed页面（）上单击此按钮，则该按钮不工作

有人能帮我找到解决办法吗

谢谢

用于按钮的代码

<center><button onclick="ChangeSkin()">Change Skin</button></center>

<script>
function ChangeSkin() {
    location.href = 'https://www.minecraft.net/profile/skin/remote?url=https://crafatar.com/skins/' + document.getElementById('username').value + '.png';
    }
</script>

更换皮肤
函数ChangeSkin（）{
location.href=https://www.minecraft.net/profile/skin/remote?url=https://crafatar.com/skins/'+document.getElementById（'username'）.value+'.png'；
}

整个iframe是否可能位于另一个透明层后面

尝试设置css属性：

编辑：

位置：静态； z指数：1000000；（或高于任何其他元素）

您可以在链接的.css文件中或在页面的head标记中执行此操作，如下所示：

    <head>
      <style>
        #content{
          Position:static;
          z-index: 1000000;
        }
      </style>
    </head>


#内容{
位置：静态；
z指数：1000000；
}

我经常发现，当ui元素不能按预期运行时，这就是问题所在。

您的透明页脚div与iFrame重叠。如果我给你的content div一个正的

z-index

（比如

#content{z-index:1；}

），那么包含你的iFrame的div被放在页脚的顶部，所有的按钮都重新开始工作。

iFrame很棒，但是从我记忆中整个iFrame只有一个按钮

那是因为很久以前爆发的战功。Iframe基本上是一个实时更新的屏幕截图

然而，我看到了许多允许链接的网站

因此，我会先尝试其他答案。

我在bootstrap 4中通过在自定义样式表中添加以下内容解决了这个问题：

iframe{
  z-index:9999;
}

这似乎奏效了

谢谢你的建议，但它并没有解决问题。没问题，希望你能找到解决办法。如果到那时你还没有一个可接受的答案，我会在早上再看一看。你绝对确定新的css属性正在添加到iframe吗？你说的“添加到iframe”是什么意思？它们是否应用于iFrame元素？感谢您的建议，但它并没有解决问题。更新：我已经在仅使用iFrame代码创建空白页面时进行了测试，但按钮仍然不起作用。感谢您的反馈！我确实搜索了很多来找到解决方案，但没有一个对我有效，这就是为什么我最终在这里发布。有一种方法，但是我很久以前就发现iframe内容需要在服务器中。很难解释，基本上你不能点击按钮。因为它的功能没有被发现和执行。我从来没有解决过这个问题，只是意识到它的后端iframe看起来像它的前端。不幸的是，如果不被授予访问权限，你就无法查看服务器编程逻辑。因此，我修补过的唯一一个例子是，我无法完全看到发生了什么。