iframe内のボタンが機能しない

-1

私は単純なiframeコードを使用しています。 iframe内のボタンが機能しない

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

そしてhttp://caesium.x10.mx/test/index.html内部

は、作業ボタン（右下）があるが、あなたはiframeをページ（ http://caesium.x10.mx/test/index.php）にこのボタンをクリックしてください場合は、ボタンは機能しません。

誰でも私にこの解決策を見つけるのを助けることができますか？

ありがとうございます！

ボタンに使用されているコード。

<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>

出典

2016-05-28 Caesium

更新：これは、iframeコードのみの空白ページを作成する際にテストしましたが、ボタンはまだ機能しませんでした。 – Caesium

iframe全体が別の透明レイヤの背後にある可能性はありますか？

EDIT：

ポジション：

は、CSSプロパティ設定してみてください静的。 z-インデックス：1000000;私は多くの場合、これは問題であることがわかり

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

：あなたはどちらかのリンク.cssファイルで、またはそのようなページのheadタグ内にこれを行うことができます

（他のどの要素より以上） ui要素が期待どおりに機能していない場合

出典

2016-05-28 22:59:57

提案していただきありがとうございますが、問題は修正されませんでした。 – Caesium

解決策が見つけられたらうれしいです。私はあなたがその時までに受け入れられた答えを持っていないなら、朝にもう一度見ていきます。 –

新しいcssプロパティがiframeに追加されていることは間違いありませんか？ –

透明なフッターdivがiFrameと重なっています。あなたのコンテンツdivにプラスz-index（#content { z-index: 1; }など）を指定すると、iFrameを含むdivがフッターの上に重ねられ、すべてのボタンが再び動作を開始します。

出典

2016-05-28 23:21:32

提案をありがとうが、問題を修正しませんでした。 – Caesium

iframeは素晴らしいですが、Iframe全体が1つのボタンであることを覚えています。

それは長い間勃発した悪用のためです。 Iframeは基本的にライブで更新されたスクリーンショットです。

しかし、私はリンクを許可する多くのことを見てきました。

他の回答を最初に試してみます。

出典

2016-05-29 00:44:32 Peyton

フィードバックいただきありがとうございます！私は実際に解決策を見つけるために多くの検索をしたし、誰も私のために働いていなかったので、なぜ私はここに投稿した。 – Caesium

しかし、私はずっと前に、iframeコンテンツがサーバーに存在する必要があることを発見しました。説明するのは難しいですが、基本的にボタンをクリックすることはできません。その機能が見つからず実行されていないからです。私はこれを解決したことはない、ちょうどそれがフロントエンドのように見えるバックエンドのiframeであることを認識したUnfortutelyあなたはアクセスを許可されていないサーバープログラミングロジックを見ることはできません。だから、私が私が触れた唯一の例は、何がいっぱい起こっているのかを見ることができませんでした。 – Peyton

iframe内のボタンが機能しない

答えて

関連する問題