我有一个div元素的文本和背景图像,通过CSS属性background-image设置。是否可以通过jQuery淡入背景图像?
@H_301_2@HTML:
<div>Text</div>@H_301_2@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; }@H_301_2@编辑 @H_301_2@我做了一个fiddle举例说明我的情况。基本上,这配置一个初始背景图像和一个转换,并使用jQuery更改背景图像。在我的测试中,两个图像之间没有动画过渡。 @H_301_2@EDIT2 @H_301_2@我修订fiddle工程!
解决方法
可能不是与jquery,但你可以与css3过渡看到这个例子:
@H_301_2@http://css3.bradshawenterprises.com/cfimg/
@H_301_2@也看到这个答案
@H_301_2@CSS3 Fade Effect