要素クラスは、jqueryによってiframeに追加された後にCSSプロパティを読み込まない

Question

iframeを読み込んだ後、jQueryを使用していくつかの要素を追加しようとしています。

$（ '＃container'）.html（ ''）。追加された要素はページに表示されますが、クラスはCSSプロパティを読み込みません。誰もがこの問題についていくつかの光を当てることができますか？

これはクラスです

.player {width：150px;高さ：30px; background-image：url（../img/bg.svg）; background-repeat：no-repeat;パディング：5pxの;}

これは、これは

Answer 1

ことになっている方法です、それは

を示した方法ですあなたは右CSSをロードしていますか？ クラス名を変更してCSSを適用しようとしましたか？

`iframe { 
width: 150px; 
height: 30px; 
background-image: url(../img/bg.svg); 
background-repeat: no-repeat; 
padding: 5px; 
}` 

： あなたは、このようなCSSを変更しようとしたことがありますか？

divなしでiframeを配置し、CSSファイルでiframeを呼び出してみてください。

`<div class="iframewrap"> 
    <iframe></iframe> 
</div> 

    .iframewrap iframe { 
    width: 150px; 
    height: 30px; 
    background-image: url(../img/bg.svg); 
    background-repeat: no-repeat; 
    padding: 5px; 
    }`