html - 我的谷歌网站没有在元素之后添加 CSS

Question

我的主要问题是我的 CSS 没有加载元素。我将我的 CSS/HTML 放在 HTML 框内，因为很多样式不允许直接在 HTML 中使用。 Google 协作平台还有很多其他令人沮丧的事情，但这正是我现在需要帮助的地方。

我将导航/刷新我的页面，我的所有元素都将在没有 CSS 的情况下显示。几秒钟后，应用了 CSS，一切如我所愿。

如何让 CSS 正确加载？我不能让我的菜单和对象加载看起来很疯狂。

这是执行此操作的随机代码示例(我放入这些框中的任何内容都可以执行此操作)

<style type="text/css">
span
{
    float:left;
    width:0.7em;
    font-size:400%;
    font-family:algerian,courier;
    line-height:80%;
}
</style>
<p>
    <span>T</span>he first letter in ths paragraph is styled
    with CSS to be 400% larger than the rest of the text.
</p>

更新:我已经与一位 Google Apps 代表谈过，他们开了一张罚单，因为未加载 css 是一个错误。没有关于时间表的消息，但他们正在努力。

Answer 1

我遇到了同样的问题，解决方法是

<style type="text/css">
.show-on-load {
    display: block !important;
}
span
{
    float:left;
    width:0.7em;
    font-size:400%;
    font-family:algerian,courier;
    line-height:80%;
}
</style>
<p class="show-on-load" style="display: none;">
    <span>T</span>he first letter in ths paragraph is styled
    with CSS to be 400% larger than the rest of the text.
</p>

这样，在加载 CSS 之前，内容不会显示。不幸的是，我自己无法使用此解决方法，因为我必须支持 IE8，并且样式标签根本不会加载。

编辑:改用不透明度以便支持 IE8