исчезать фоновые изображения с помощью CSS3

Question

Привет всем ... Мне интересно, почему это не сработает?

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

Если я поменяю фон на цвета, такие как желтый и парящий, черный, он работает нормально .... Но не с моими изображениями?

Answer 1

Взгляните на http://css3.bradshawenterprises.com/cfimg/ - я написал это руководство, чтобы помочь людям с такими проблемами!

Answer 2

Я не представляю, как изменится изображение в течение 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/