Css 在Firefox中悬停移动GIF和PNG图像

问题是：我的主页PNG格式的徽标在firefox中以一种奇怪的方式移动，chrome在移动光标时工作正常。它从左到右和从后都有5-10个像素

PNG图像下为身体线性渐变背景，背景附件：滚动

注意：如果主体背景线性渐变的附件固定，并且实际上是线性渐变，则图像悬停效果良好。 在正常背景下，即使附件是固定的，它也不起作用

我想使用线性梯度和背景附件：滚动

注释中的两个示例只起作用，因为它们有背景附件：fixed，正如我之前在css样式中列出的那样。这只是为了帮助我找出问题所在，所以我更新了我的帖子，并对附件进行了修正

如果你想看到这个问题，请使用PNG或GIF的图像，没有占位符

最后一个问题：有没有一种方法可以让PNG在不透明度的过渡中悬停，同时让身体有一个线性渐变背景和背景附件：滚动

背面可见性：隐藏；对于链接或/和图像不是解决方案

最后：在几个小时之后，我在下面的评论部分找到了解决方案。如果您有相同的问题，您必须使用transform:translateZ0；对于有问题的图像

身体{ 背景：线性梯度DF6FA，FBE9； 背景附件：已修复；/*如果没有背景附件，图像会乱七八糟*/ 背景附件：滚动；/*但这是我需要的*/ } toplogoimg{ 浮动：左； } toplogoimg a{ 位置：相对位置； } toplogoimg{ 不透明度：1； 过渡：不透明度0.3s； } toplogoimg img：悬停{ 不透明度：0.8； 过渡：不透明度0.2s缓解；/*过渡是个坏家伙，但不是主要问题，因为正如我所说的背景附件：固定；对于身体来说，它工作得很好，但只有当它是线性渐变背景时*/ }

---

好的，先生，它工作得很好。那是什么版本的firefox？看起来很适合我：你确定这不是浏览器问题吗？我看不到任何转换。这就是它的全部，从不透明度1到0.8我不知道问题出在哪里，但firefox是最新的。尝试添加z-index:1和position:relative to toplogoimg img。还可以尝试-moz backface visibility:hidden；看见