fade Hintergrundbilder mit css3

Hey everyone...
Im Frage mich, warum das nicht funktionieren?

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

Wenn ich den hintergrund ändern, Farben wie gelb und der hover, schwarz, es funktioniert einwandfrei.... Aber nicht mit meinen Bildern?

InformationsquelleAutor nuffsaid | 2011-05-10

  1. 3

    Haben Sie einen Blick auf http://css3.bradshawenterprises.com/cfimg/ – schrieb ich dieses tutorial, um zu helfen Menschen mit Problemen wie diesem!

    Das ist richtig, es ist kein Wettbewerb, aber dachte, dass das Spektrum der Informationen helfen würde. Ich habe Sie bis vor der Veröffentlichung durch die Art und Weise.

    InformationsquelleAutor Rich Bradshaw

  2. 3

    ich kann mir nicht vorstellen, wie würde das Bild ändern, während 1,5 s.

    ich würde dies ein wenig anders aus:

    http://jsfiddle.net/seler/48BM4/1/ oder http://jsfiddle.net/seler/48BM4/2/

    mit Bildern würde es so funktionieren:
    http://jsfiddle.net/seler/48BM4/3/

    weiteres Beispiel mit auto Höhe und kein duplicate content:

    http://jsfiddle.net/seler/48BM4/7/

    Das ist genau das, was der OP erwähnt. Es arbeitet mit einer hintergrund-Farbe, aber nicht ein Bild.
    Tatsache, dass im ersten Beispiel habe ich nicht verwendet haben, Bild bedeutet nicht, dass es nicht funktioniert mit den Bildern. siehe drittes Beispiel
    Ja, das ist es! 😛
    Drittes Beispiel der Verwendung von Bildern nicht funktionieren, das ist, was der OP fordert. Außerdem sollten Sie in der post den relevanten code, die Antwort auf die Frage in Ihrer Antwort.

    InformationsquelleAutor seler

Schreibe einen Kommentar