Непрозрачность при наведении не работает в Chrome или IE

Question

Urg! Я использую плагин WordPress для создания ящиков с эффектом непрозрачности при наведении, но он не работает на Chrome или IE, и вместо этого они исчезают до непрозрачности: 1 (100%), хотя я изменил CSS на непрозрачность: 0.2

Хорошо работает в Safari и Firefox, но не в Chrome или IE. Может ли это быть проблемой webkit?

Боксы под ползунком: http://goo.gl/5IkgSF

Answer 1

Это происходит потому, что мутность, что вы пытаетесь изменить в пределах ключевых кадров, так что вы должны изменить ключевые кадры или добавить новые ключевые кадры, чтобы переопределить стиль плагина.

В animate.css линии 517 вы можете найти следующий код, изменить непрозрачность от 1 до .2 как следующий, и он будет работать нормально.

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;}  
    100% {opacity: .2;} 
} 

@-moz-keyframes fadeIn { 
    0% {opacity: 0;}  
    100% {opacity: .2;} 
} 

@-o-keyframes fadeIn { 
    0% {opacity: 0;}  
    100% {opacity: .2;} 
} 

@keyframes fadeIn { 
    0% {opacity: 0;}  
    100% {opacity: .2;} 
} 

.fadeIn { 
    -webkit-animation-name: fadeIn; 
    -moz-animation-name: fadeIn; 
    -o-animation-name: fadeIn; 
    animation-name: fadeIn; 
    /* opacity: .2; */ 
}