CSS background-color wird der übergang nicht arbeiten

mithilfe der folgenden Regeln und Stylesheets

.tableRow.even, .tableRowNS.even, .odd   { background-color: #F2F2F2; }
.tableRow.odd, .tableRowNS.odd, .even   { background-color: white; }

.tableRow:hover,.noProject:hover,
.tableRow.even:hover, .tableRowNS.even:hover, .odd:hover,
.tableRow.odd:hover, .tableRowNS.odd:hover, .even:hover {
    background-color: #E8E8E8;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
}
  1. die mouseover-Farbe arbeitet, die aber nicht den übergang. bin ich an dieses falsch?
  2. gibt es ein problem mit der Einstellung übergangs-Eigenschaften auf mehrere Selektoren wie diesen?
  • Welchen browser verwenden Sie? Das jsfiddle mit css arbeitet. jsfiddle.net/ZcXdt
  • firefox 10
  • ah ich habe gerade überprüft, die es in chrome und du hast Recht, es funktioniert. das ist lustig. ich bin targeting firefox korrekt? oder ist die v10, die eigentlich zu alt für css3?
InformationsquelleAutor Kristian | 2012-03-20
  1. 2

    Ich vergaß hinzuzufügen, das firefox-spezifische css3-transition-Eigenschaft: -moz-transition.

    nach dem hinzufügen, dass wir haben die folgenden css. Nun funktioniert alles wunderbar.

    .tableRow:hover,.noProject:hover,
.tableRow.even:hover, .tableRowNS.even:hover, .odd:hover,
.tableRow.odd:hover, .tableRowNS.odd:hover, .even:hover {
    background-color: #E8E8E8;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    -moz-transition: background-color .5s;
}
    • Dies ist, was ich wollte, Sie zu veröffentlichen, so können Sie die upvote 😀
    • danke! ich war nicht sicher, ob dieser dabei war, sich in einer ruhigen posten, so ich entschieden, um die Reaktion nur falls jemand stolperte über ihn in der Zukunft 🙂
    InformationsquelleAutor Kristian
Schreibe einen Kommentar