背景图片简要显示

时间:2009-09-03 01:06:28

标签: css optimization

我有一个使用大型居中背景图片的网站,它自然会比页面上的其他元素慢一点。在大多数情况下,这可以正常工作,但还有一个repeat-x背景图像,涵盖了大型显示器的背景。唯一的问题是这个较小的文件首先加载并在大图像完全加载之前短暂闪烁。有没有办法让大图像首先加载,以便在重复背景图像加载之前就位?谢谢!

3 个答案:

答案 0 :(得分:0)

我不知道是否有办法实现这一点,但你可以使用javascript或jquery来改变你的dom元素显示优先级。

答案 1 :(得分:0)

没有办法严格使用css来绝对控制订单图像的加载。

浏览器会尝试按照它们在css文件中列出的顺序下载图像,因此首先放置大型背景图片会有所帮助,但下载时间会让它更有可能成为现实。

如果DOM的其余部分已加载,您可以通过javascript加载更大的背景,如果值得这么做。

答案 2 :(得分:0)

我找到了自己问题的答案:我只使用了主要内容所在的模式部分,而不是重复上半身的整个模式。当大图像加载时,这会快速加载并在内容后面看起来很自然。感谢Aaron的回复。