1

嘿大家...我想知道为什么这行不通？

.right-article.boy {
    background: transparent url(../images/boxes-bg/boy.jpg) left top no-repeat;
    width: 413px;
    height: 242px;
    -webkit-transition: background 1.5s linear;
    -moz-transition: background 1.5s linear;
    transition: background 1.5s linear;
}

.right-article.boy:hover {
    background: transparent url(../images/boxes-bg/boy-hover.jpg) left top no-repeat;
}

如果我将背景更改为黄色和悬停黑色等颜色，它可以正常工作....但不是我的图像？

4

2 回答 2

3

看看http://css3.bradshawenterprises.com/cfimg/ - 我写了这个教程来帮助人们解决这样的问题！

于 2011-05-10T09:58:38.370 回答
3

我无法想象在 1.5 秒内图像会如何变化。
我会这样做有点不同： http:
//jsfiddle.net/seler/48BM4/1/或http://jsfiddle.net/seler/48BM4/2/

使用图像它会像这样工作：http: //jsfiddle.net/seler/48BM4/3/

另一个具有自动高度且无需复制内容的示例：http:
//jsfiddle.net/seler/48BM4/7/

于 2011-05-10T09:37:15.030 回答