2013-03-23 2 views
-2

파란색과 흰색을 사용하여 페이스 북 팝업처럼 iframe 배경색을 변경해야합니다. 나는 그것을 구성하고페이스 북 iframe에 div를 추가하는 방법

<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

암호와 사용자 이름을 제공하면 다음과 같이 할 수 있습니다.) ... 코드를 보여 주시겠습니까? 우리는 여기서 마음을 읽지 못하는 해결책을 찾을 수 있습니다. –

+0

이제는 내 코드 Che Jug를 볼 수 있습니다. – raj

답변

0

아래에 위치하는 대신 내가 당신의 검토를 위해 코드를 추가 한

여기

배경 이미지를 사용하여이 possilble 내가 생각하는이 시도는 할 수있는 방법 이 잘 작동합니다.

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

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

div 대신 – raj

+0

@raj 대신 배경으로 이미지를 사용할 수 있습니까? –

+0

@raj이 코드는 작동 여부와 관계 없습니다. –

관련 문제