iFrameとオーバーフローに関する問題：IE11で非表示になる

IE 11にのみ存在する問題が発生しています。これはイントラネットページ用です。関連するコードは以下の通りです。iFrameとオーバーフローに関する問題：IE11で非表示になる

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <meta http-equiv="X-UA-Compatible" content="IE=11" /> 
    <title>Result</title> 
    </head> 
    <body> 
     <div id="chatcontent"> 
      <iframe class="noscrolling" src="intranetsharepoint" target="_blank" scrolling="no"></iframe>   
     </div> 
    </body> 
</html> 

stylesheet.css 
body { 
    background-color: #F0F8FF; 
} 
#chatcontent{ 
    width:20%; 
    margin: auto; 
} 
.noscrolling{ 
    height: 50px; 
    width: 120px; 
    overflow: hidden; 
    border: 0; 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 
iframe{ 
    overflow-x: hidden; 
}

他のすべてのブラウザでは、スクロールバーが自分自身を無効にしますが、IE 11で、彼らはIFRAME要素でオフSODことを拒否する理由は、私が把握しようと壁に頭を強打されています。オーバーフローを入れてもうまく動作します。体に隠れてどこでもスクロールできず、iFrameではうまく動作しないようです。私はオーバーフローのあらゆるバリエーションを試しました：隠された、スクロールする=いいえ、HTML4を強制的に！DOCTYPE宣言、IEの古いバージョンとの互換性、そして何も動作していないようです。この時点でのアドバイスは神の前にあるでしょう。私はJSからiFrameを作成したコードスニペットを見ましたが、私がすでに持っているものと一緒に使うのに十分な言語を理解できません。どんな助けでも大歓迎です。 ChromeとFFで意図したとおりに動作します。

出典

2016-05-12 Scrum Tool

IFrameのコードINSIDEと関係する可能性があります。あなたの質問に投稿してみてください。また、JavaScript用のAJAXを研究し、AJAXからIFrameのタイプを作成することもできます。あなたが前に言ったように、最初は少し混乱しています。あなたが私に完全な例を与える必要があるなら、私の答えにコメントしてください。ここにAJAXの基本的な例へのリンクがあります：http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
これにより、ページのコンテンツを取得し、divにコピー＆ペーストしてIFrameのタイプにすることができます。次に、ページのコードを編集し、必要な属性（オーバーフロー：非表示）をdivに設定することもできます。

出典

2016-05-12 22:57:15

IFRAMEのSRCにURLを追加すると、IE11（テスト済み）でスクロールバーが消えます。

出典

2016-05-12 23:02:24 JoostS

ありがとうございました。私たちは 'data：image'を使っていました。それをpng urlに変更すると、私たちのために修正されました:) – lkartono

iFrameとオーバーフローに関する問題：IE11で非表示になる

答えて

関連する問題