Question

所以我对没有默认背景图像的<a>进行过渡效果，所以当我尝试将鼠标悬停在它上面时，过渡效果不起作用。我怀疑没有默认背景图像它将无法正常工作。那么如何在不使用javascript的情况下实现我的目标或任何替代方案呢？这是我的代码：

    <nav>
      <li><a href="products.html">Products</a></li>
    </na>

这是我的css：

    .nav>li>a { font-size:17px;  color:#929799; padding:45px 25px 35px 25px;
        -webkit-transition: background-image 1s ease-in-out;
        -moz-transition: background-image 1s ease-in-out;
        -o-transition: background-image 1s ease-in-out;
        transition: background-image 1s ease-in-out;
    }

    .nav>li>a:hover, .nav>li>a:focus{ 
      background:url(http://cdn.myld.com.au/2/1198/web_total-gardens_9a0e4cf244.png) no-repeat top center; color:#38c867; }

Answer 1

sum是不可动画的属性。您无法应用转场。

我假设你想在悬停时淡出图像（？）。伪造它的一种方法是将背景图像应用于伪元素并转换不透明度：

＆＃13;

v1 <- colSums(df1)
i1 <- grep(':', df2$x)
v1[i1] <- sapply(strsplit(as.character(df2$x[i1]), ':'), 
           function(x) sum(Reduce(`&`,df1[x])))
df2$count <- v1

＆＃13;

background-image

＆＃13;

正如@ GabyakaG.Petrioli在评论中提到的，您的选择器是错误的，并且您的HTML无效。两者都在上面的例子中修复了

Answer 2

css过渡不透明度允许图像在指定的持续时间内更改值，为属性更改设置动画

http://css3.bradshawenterprises.com/cfimg/ 或尝试

过渡：所有1s轻松进出;

如何在悬停时制作背景图像，没有默认背景图像的过渡效果？

2 个答案: