jQuery从CSS动画背景图像

Question

我正在一个网站上工作（当前处于计划和设计阶段），我有一堆桌子，上面设置了背景图像。 在鼠标悬停时对背景图像的不透明度进行动画处理（很好）。 正如我在jQuery API中所看到的-这无法完成。 （或者可以吗？）

所以我想出了另一个不太干净的“解决方案”。

所以我的问题是-这行得通吗？ ->（jQuery伪代码）

for each table in body
set cloneOfMyImage.Postition = table.Position
set cloneOfMyImage.Height = table.Height
set cloneOfMyImage.Width = table.Width
set cloneOfMyImage.Opacity = 0

基本上->我在与每个表相同的位置创建“背景”图像的“克隆”，并与每个表具有相同的大小，并使其看起来像背景在鼠标悬停时出现。

感谢您的时间。

Answer 1

这会起作用，但是如果您有很多表，由于DOM Reflow也会给浏览器增加很多负担，这当然取决于浏览器和计算机，但是我猜您希望它非常起作用为每个用户提供流畅的产品。

也许要考虑对图像的背景位置进行动画处理以创建动画 。