Question

我需要使用蓝色和白色更改我的iframe背景颜色，如facebook popup。我该如何配置，这是可能的，而不是使用背景图像

这里我添加了您的评论代码

<div id="fb">
<div id="fb-close"></div>
<div id="fblike">
<div id="fbclose"></div>
<div class="eliminater"></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=<?php echo esc_url(get_option('fb_likeurl')); ?>&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=blue;&amp;stream=false&amp;header=false&amp;appId=329902783740649" scrolling="no" frameborder="1" style="border-width: medium medium 71px; border-style: none; border-color: blue; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-top: -21px; width: 397px; height: 239px; margin-left: 8px;background-color:#fff;" allowTransparency="true"></iframe>
</div>
</div>

css文件在下面

#fb {
display:block;
background-color:;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}

#fb-close {
width:100%;
height:100%
}

#fblike {
background:white;
width:420px;
height:270px;
position:absolute;
top:50%;
left:50%;
margin:-135px 0 0 -210px;
}

#fbclose {
float:right;
cursor:pointer;
background:url(../images/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}

.eliminater{
height:1px;
width:366px;
margin:0 auto;
background:#fff;
margin-top:16px;
position:relative;
margin-left:20px;
}

Answer 1

试试这个我觉得这样可以。

var html = "<style>Background-image:(url:yoururl);</style>";

$("#frameID").contents().find("head").append(html);

如何在facebook iframe中添加div

1 个答案: