URG!我使用WordPress插件在悬停时创建具有不透明效果的框,但它似乎不适用于Chrome或IE,而是淡化为不透明度:1(100%)虽然我修改了CSS不透明度:0.2
适用于Safari和Firefox但不适用于Chrome或IE。这可能是一个webkit问题吗?
滑块下方的框:http://goo.gl/5IkgSF
答案 0 :(得分:2)
这是因为您尝试更改的不透明度在关键帧内,因此您需要修改关键帧或添加新关键帧以覆盖插件的样式。
在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; */
}