2013-02-12 6 views
1

블로거 블로그 용으로 처음으로 Hello World 스타일의 Google 가젯을 만들고 주변 iframe의 배경이 흰색이라는 이유로 고생했습니다. 나는 다음과 같이 내 코드에 CSS를 추가로가 피부 설정에서 투명하지 설정할 수 없습니다 :Google (Blogger) 가젯 iframe을 투명하게 만들기

<?xml version="1.0" encoding="UTF-8" ?> 
<Module> 
    <ModulePrefs title="hello world example" /> 
    <Content type="html"> 
    <![CDATA[ 
     <div id="countdown"></div> 
     <script type="text/javascript"> 
     // Get userprefs 

     var element = document.getElementById('countdown'); 
     var text = ''; 
      var today = new Date(); 
      var BigDay = new Date("March 8, 2013"); 
      var msPerDay = 24 * 60 * 60 * 1000; 
      var timeLeft = (BigDay.getTime() - today.getTime()); 
      var e_daysLeft = timeLeft/msPerDay; 
      var daysLeft = Math.floor(e_daysLeft); 
      var e_hrsLeft = (e_daysLeft - daysLeft)*24; 
      var hrsLeft = Math.floor(e_hrsLeft); 
      var minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60); 

      element.innerHTML = text + '<span class="number">' + daysLeft + '</span>'; 

     </script> 
     <style rel="text/css"> 

     body { 
     background-color: transparent !important; 
    } 

    #countdown { 
     text-align: center; 
     font-size: 60px; 
    } 

     </style> 
    ]]> 
    </Content> 
</Module> 

답변

1

아, 죄송합니다, 즉 만 캐싱 문제가 있었다, 내가 여기에 게시 된 솔루션은 실제로 작동합니다. acutally 업데이트되기 전에 더 많은 것을 기다려야 만합니다 ...

+0

Very true. 그 일이 나에게도 일어났습니다 – BlackFire27

+1

'body {background-color : transparent! important}'가 트릭을해야한다는 대답을 쓰려고했지만 캐싱 버그에 물린 것을 알 수있었습니다. 그것은 당신의 "일"이 언제 완료되었는지 당신이 알지 못한다는 것을 제외하고 1980 년대에 일괄 처리와 비슷합니다. – Fuhrmanator