2013-02-12 54 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

哦,對不起,那只是一個緩存的問題,我這裏貼的解決方案的實際工作。你只需要等待更多的時間才能更新......

+0

非常真實。它也發生在我身上 – BlackFire27 2013-02-13 10:54:11

+1

我正在寫一個答案,即'body {background-color:transparent!important}'應該做到這一點,但我發現你被高速緩存錯誤所困擾。這有點像20世紀80年代的批處理,除非你不知道你的「工作」何時完成。 – Fuhrmanator 2013-02-13 20:50:40