我有一个div元素的文本和背景图像,通过CSS属性background-image设置。是否可以通过jQuery淡入背景图像?
HTML:
<div>Text</div>
CSS:
div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; }
编辑
我做了一个fiddle举例说明我的情况。基本上,这配置一个初始背景图像和一个转换,并使用jQuery更改背景图像。在我的测试中,两个图像之间没有动画过渡。
EDIT2
我修订fiddle工程!