html - 直到刷新才应用 CSS 样式

Question

我有一个具有以下 CSS 样式的网页，该样式覆盖了一些更高级别的样式。

#pnlActions { 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
    background-image: -webkit-linear-gradient(#000,#000);
    background-image: -moz-linear-gradient(#000,#000);
    background-image: -ms-linear-gradient(#000,#000);
    background-image: -o-linear-gradient(#000,#000);
    background-image: linear-gradient(#000,#000);               
}

奇怪的是，我第一次加载页面时，样式完全被忽略，直到我刷新页面 - 然后样式才被应用。然后我将退出浏览器，再次加载页面，样式不再应用(直到我刷新页面)。

我可以从 chrome/firefox/ie 浏览器工具中分辨出这一切。

我完全无法解释为什么会这样。有任何想法吗？

Answer 1

几年后，我就是这样解决的。

出于某种原因，在 HEAD 标记(内部 CSS)中使用 STYLE 仅在刷新后才有效。

但是将它添加为 LINK(外部 CSS)解决了它。现在它从第一次运行开始就有效。

在 CSS 中，我向样式添加了 !IMPORTANT，因为我需要覆盖其他一些元素，就像 OP 一样。

对于那些对如何添加内部或外部 CSS 有疑问的人，请查看此 link .