Javascript图像更改导致嵌入式用户控件闪烁

Question

我在IE中显示了一个ntml页面。它有一些由图像组成的按钮，在JavaScript中有鼠标悬停/鼠标悬停事件，以及一堆嵌入的.Net UserControls。

当mouseover / mouseout事件触发时，我将图像src更改为其他内容（简单的翻转效果）。问题是当发生这种情况时，UserControl经常（但不总是）闪烁。

要清楚，图像不会闪烁，页面的其余部分不会闪烁，只是嵌入式控件。此页面是本地的，不是来自服务器或任何其他内容。

那么，有什么想法吗？

更多信息：我注意到突出显示文字也是这样......

Answer 1

如果你没有预装图像，你可能会看到这种问题。

要预加载图片，只需添加一个特殊的div与想要的网址。

<div id="preload">
  <img src="/path/to/my/image.png" alt="">
  <img src="/img2.gif" alt="">
</div>

在你的css中：

#preload { display:none; }

就是这样！