1

Hey everyone... Im wondering why this wont work? 

.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;
}

If i change the background to colors like yellow and the hover, black, it works fine.... But not with my images?

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 に答える