相关疑难解决方法(0)

我想找到一个替代方案:

"transition:background-image 1s whatever"

在Firefox中,因为它只适用于webkit浏览器.

我已经尝试了不透明度替代品,但这对我来说不是一个选项,因为我在背景容器上有内容,如果使用不透明度,它将与背景一起消失.

谢谢.

我试图应用过渡属性,以便在悬停时图像更改时产生效果,但似乎不起作用.请看看并帮助我.

.ow-outer {
    background-color: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    padding: 20px;
    background-image: url(../images/team-canada-light.png);
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}
.ow-outer:hover {
    background-image: url(../images/team-canada.png);
}