Safari浏览器没有运行CSS显示：无属性(Safari not running css disp

我有以下的html：

<div id="loadinganimationsearch">
    <div style="color: #28ABE3;font-size: 14px;float: left;">Fetching Textbooks</div>   
    <div id="block_1" class="barlittle"></div>
    <div id="block_2" class="barlittle"></div>
    <div id="block_3" class="barlittle"></div>
    <div id="block_4" class="barlittle"></div>
    <div id="block_5" class="barlittle"></div>
    <br>
</div>

这是HTML产生什么：

现在，我有以下的CSS，随着浏览器中运行的loadinganimationsearch在Chrome和Firefox没有显示。

 #loadinganimationsearch {
     display: none;
}

但现在当我在Safari 5.1.7运行它，它似乎几乎忽略由于某种原因，CSS。 这究竟是为什么以及如何解决呢？

Answer 1:

周围搜索后，我找到了罪魁祸首：

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    }; /* This semicolon shouldn't be here */
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }; /* This semicolon shouldn't be here */
}

不应该有动画关键帧百分比后分号。 它应该是：

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}

我推测，Safari浏览器解析分号后，没有下面的CSS生效。

文章来源: Safari not running css display:none property