CSS3淡入淡出效果

您无法在两个背景图片之间切换，因为浏览器无法知道您想要插入的内容。如您所知，您可以转换背景位置。如果您希望图像在鼠标悬停时淡入，我认为通过CSS过渡实现此效果的最佳方法是将图像放在包含元素上，然后在链接本身上为背景颜色设置动画：

span {    background: url(button.png) no-repeat 0 0;}a {    width: 32px;    height: 32px;    text-align: left;    background: rgb(255,255,255);    -webkit-transition: background 300ms ease-in 200ms;     -moz-transition: background 300ms ease-in 200ms;    -o-transition: background 300ms ease-in 200ms;    transition: background 300ms ease-in 200ms;    }a:hover {    background: rgba(255,255,255,0);}