我可以用jQuery淡入背景图片(CSS:background-image)吗?

前端之家收集整理的这篇文章主要介绍了我可以用jQuery淡入背景图片(CSS:background-image)吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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

猜你在找的jQuery相关文章