【问题标题】:Blogger CSS issue: Styles don't get loaded - randomlyBlogger CSS 问题:样式未加载 - 随机
【发布时间】:2013-10-08 02:59:50
【问题描述】:

我有这个博客,我不时为客户提供支持。它使用来自博客的动态视图。我的任务是更改博客的标题并插入我客户的徽标。

我知道该怎么做,它工作得很好,除了有时标题中的图像没有被加载并且某些元素显示没有样式。由于某种原因,该块的 CSS 未加载。这里有一个类似的问题:Images are SOMETIMES there 。我有完全相同的行为:我第一次打开网站时,标题样式就在那里。如果我重新加载页面,它会消失并在我继续重新加载页面时随机重新出现。

这发生在任何浏览器中 - IE、Chrome、Firefox ......似乎这个问题自 2009 年以来就一直存在,如果 Google 有朝一日能摆脱它就好了。在那之前,有没有人知道如何解决这个问题?

注意事项:

  • 没有控制台错误。
  • 尽管存在此问题,但博客视图仍然有效。

提前致谢。

编辑:

图片是如何插入的:

  • 创建了一篇博文并在其中上传了徽标。
  • 我复制了这篇文章的链接。
  • 自定义 CSS 是在 MODELS->ADVANCED->ADD CSS 中使用“添加 CSS”选项插入的。 (这是直译,我是从英语以外的语言中得到的)
  • 编辑<h1> 是为了隐藏文本并将徽标显示为背景图像。像这样:

    background: transparent url('http://1.bp.blogspot.com/-IWokMKhUVbg/UaCJ_ZULa2I/AAAAAAAAAs4/908V5umDsLM/s1600/myfakelogo.png') no-repeat scroll 13px 5px;
    
    float: left;
    margin-left: 73px;
    margin-top: 10px;
    text-align: left;
    text-indent: -99999px;
    width: 420px;  
    
  • <h3> 标记已使用 display: none; 隐藏

请注意,这不是 CSS 问题,因为它确实有效。这里的问题是它有时会失败。因此,一种解决方法可能是改变我上传图片的方式。或者可能不是因为样式也没有被加载,不仅仅是图像......

【问题讨论】:

    标签: html css blogger


    【解决方案1】:

    转到仪表板,从下拉菜单中选择模板,然后编辑 HTML。然后向下滚动,直到在模板底部看到以下几行:

     <script language='javascript' type='text/javascript'>
          setTimeout(function() {
            blogger.ui().configure().view();
          }, 0);
        </script>
      </body>
    </html>
    

    将超时值从 0 更改为 1000:

    <script language='javascript' type='text/javascript'>
          setTimeout(function() {
            blogger.ui().configure().view();
          }, 1000);
        </script>
      </body>
    </html>
    

    Credit for this trick

    【讨论】:

    • 这对我帮助很大。非常喜欢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-25
    • 2011-03-25
    • 2013-03-14
    • 2019-08-01
    • 2016-05-01
    • 1970-01-01
    相关资源
    最近更新 更多