改变TD背景的CSS会导致Firefox闪烁

时间:2011-11-23 00:42:42

标签: javascript css background-image

我有一个带图片库的页面。以前图像包含在HTML IMG标记中,当交换它们时,我用Javascript更改了IMG的源代码。现在我需要将图像显示为TD的背景图像。然后我使用与以前相同的脚本,但我让Javascript更改了TD的CSS背景属性:

document.getElementById('galleryimage').style.backgroundImage="url('" + galleryArray[0] + "')";

在Firefox中,这会导致交换之间的闪烁(实际上显示TD背后的背景为毫秒)。所有图像都是正确预装的,当我使用相同的图像但使用之前使用过的IMG标签时,它们交换时没有任何闪烁。 Safari,Opera,Explorer和Chrome的最新版本中不会出现闪烁现象。

检查出来:

http://www.siroccomosaique.se/SLUTTEST/galleri_.cls

我已经排除了预加载导致闪烁,因此我推断出TD的CSS背景属性导致了它。我已经阅读了很多关于这些问题但没有找到适合我情况的东西。我也试图剥离页面,以便基本上只显示实际图像的表格,但这没有区别(这是为了排除任何潜在的DIV导致问题)。

0 个答案:

没有答案