CSS фон-цветовой переход не работает - PullRequest
Новая
       20

CSS фон-цветовой переход не работает

2 голосов
/ 20 марта 2012

с использованием следующего набора правил и объявлений стилей 

.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. цвет наведения мыши работает, но не изменяется.я подхожу к этому неправильно?
  2. есть ли проблема с настройкой свойств перехода на несколько селекторов, как это?

1 Ответ

2 голосов
/ 20 марта 2012

Я забыл добавить специфичное для Firefox свойство перехода css3: -moz-transition.

после добавления этого у нас есть следующий css.Теперь все отлично работает. 

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