重复悬停对背景图案的影响

Question

我有一个背景重复属性设置的图案图像，因此图像在div中以X和Y轴重新显示。

现在我想在用户浏览div时更改背景图像。

使用全尺寸背景会很简单，因为我会在精灵中对其进行转换，然后使用css和hover移动背景。

但如果图像重复X和Y，那么创建一个精灵是不可能的;对？ 或者有任何一种技巧可以做到这一点？ 因为通过css直接更改图像很难看，因为需要加载悬停图像，并且有1-2秒的时间，用户看不到div中的任何背景。

谢谢！

Answer 1

只是preload image 要么 使用两个具有两个不同背景的嵌套元素。 在鼠标悬停时 - 为嵌套元素制作透明背景。