青と白を使用して、Facebookポップアップのようにiframeの背景色を変更する必要があります。どうすればそれを設定できますか?背景画像を使用する代わりにこれは可能ですか
ここに私はあなたのレビューのためのコードを追加しました
<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')); ?>&width=402&height=255&colorscheme=light&show_faces=true&border_color=blue;&stream=false&header=false&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;
}