Question

我的代码如下：

.Frozenbg
{
    background-image:url('Images/Frozen.png');
    background-repeat:no-repeat;
    transition: background 1s linear;
    -moz-transition: background 1s linear; /* Firefox*/
    -webkit-transition: background 1s linear; /* Safari and Chrome */
    -o-transition: background 1s linear; /* Opera */
}

问题是我在悬停上添加了类并且它的工作性很好，这意味着它添加了具有淡入效果的背景图像的类，看起来不错，但是淡入/过渡效果不会出现在firefox和其他浏览器上帮助我，我昨晚陷入了这个问题。

Answer 1

背景图像的转换还不是规范的一部分。有人建议对他们进行交叉淡入淡出，但这仍然是一个非常早期的草案。

Answer 2

原来Firefox中存在一个错误（firefox悬停不透明度）。

CSS3 transition/hover effect not working in Firefox; a Firefox bug?

-moz-transition工作在chrome但不在firefox safari中，即请帮助我

2 个答案: