在通过jquery添加到iframe后,element类不会加载其CSS属性

时间:2016-05-18 13:20:37

标签: jquery html css iframe

我正在尝试在加载后使用jQuery向iframe添加一些元素。

$( '#容器')。HTML( '')。添加的元素出现在页面上,但类没有加载css属性!谁能解释一下这个问题?

这是班级

.player {width:150px;高度:30px; background-image:url(../ img / bg.svg); background-repeat:no-repeat;填充:5px;}

这就是它的表现 enter image description here

这是应该如何

enter image description here

1 个答案:

答案 0 :(得分:0)

你正在加载正确的CSS吗? 您是否尝试过更改类名,然后将CSS应用于它? 您是否尝试过像这样更改CSS:

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

尝试将没有类的iframe放在div中,然后在CSS文件中调用它。

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

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