使用CSS3从背景颜色过渡到背景图像

Question

使用CSS3，是否可以从背景颜色淡化为背景图像？

我知道可以从颜色渐变到颜色或从图像到图像，但是你也可以从一个渐变到另一个吗？

Answer 1

从原生视图无法实现，但您可以模拟它：jsFiddle

body {
    background-image: url('http://s1.directupload.net/images/140212/gvyaj9ca.png');
}

这张照片是一张内部没有任何内容的PNG（甚至不是白色），大小与：

相同

body:hover {
    background-image: url('http://connexo.de/img/logos/CSS3_Logo.png');
}

我不确切知道你想要达到的背景颜色的行为 我只是将它恢复为白色。