2013-03-23 91 views
-2

我需要更改我的iframe背景顏色,如使用藍色和白色的Facebook彈出窗口。我如何能配置,是這個possilble而不是使用背景圖片我如何添加div在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')); ?>&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; 
} 
+2

如果你給我你的密碼和用戶名,我可以爲你做:)...你有代碼給我們看嗎?我們可以在這裏找到解決方案不讀頭腦.. – 2013-03-23 06:29:05

+0

現在你可以查看我的代碼車水罐 – raj 2013-03-23 07:36:27

回答

0

試試這個我想這工作正常。

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

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

我可以使用圖像作爲背景,而不是div – raj 2013-03-23 07:39:03

+0

@raj看到我更新的答案。 – 2013-03-23 07:43:36

+0

@raj此代碼是否工作。 – 2013-03-23 07:56:31