Question

URG！我使用WordPress插件在悬停时创建具有不透明效果的框，但它似乎不适用于Chrome或IE，而是淡化为不透明度：1（100％）虽然我修改了CSS不透明度：0.2

适用于Safari和Firefox但不适用于Chrome或IE。这可能是一个webkit问题吗？

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

悬停时的不透明度无法在Chrome或IE中使用

1 个答案: