FF在刷新时以不同方式加载CSS

Question

我在我们网站的标题中添加了一个支持jQuery的促销广告。在FF中调试它并验证它在IE中工作。我开始在办公室四处走动并发现在FF中，每当一个人“第一次”点击页面时，广告的位置就不正确（使用绝对定位）。刷新页面，它将加载我预期/打算加载它。 IE似乎正在运作。当我没有进行任何代码更改时，任何人都知道为什么FF会在刷新时呈现不同的效果？

http://stormsmart.com

Answer 1

保持简单的一个选项是查询字符串，看看SO是如何做到的：

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=6322"> 

只需粘贴一个查询字符串，当您在那里执行发布时，该字符串会发生变化...除了浏览器缓存失效之外什么都不用。这将使浏览器在您更改时获取新副本。

我使用它并将其修改为构建过程的一部分，查询字符串为
?v=Major.Minor.Rev.Changeset当我们进行生产推送时，客户端会获得新的CSS。

Answer 2

您是否给图像一个尺寸（高度/宽度）？如果没有，根据位置，浏览器不知道图像的大小，并将其放置在它认为合适的地方，但可能不是您想要的。如果你点击刷新，它已经知道图像的大小，然后“修复”它。