Css 悬停时的不透明度在Chrome或IE中不起作用

乌尔格！我正在使用WordPress插件创建悬停时具有不透明度效果的框，但在Chrome或IE上似乎不起作用，相反，它们会逐渐变为不透明度：1（100%），尽管我已将CSS修改为不透明度：0.2

在Safari和Firefox上运行良好，但在Chrome或IE上不起作用。这可能是webkit的问题吗

---

滑块下方的框：

这是因为您尝试更改的不透明度在关键帧内，因此您需要修改关键帧或添加新的关键帧以覆盖插件的样式

在

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; */
}

---

是否添加了供应商前缀（如果有）-更新不透明度时是否更改了所有值？