css - 使 Google(Blogger)小工具 iframe 透明

Question

我为我的博主博客创建了我的第一个 Hello World 风格的 Google 小工具，并且为周围的 iframe 背景是白色而苦苦挣扎。我无法通过皮肤设置将其设置为透明，也无法将 CSS 添加到我的代码中，如下所示:

<?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>

Answer 1

哦，抱歉，那只是一个缓存问题，我在此处发布的解决方案实际上有效。您只需要等待更多时间，它就会真正被更新...