Question

我想删除你在我的网站www.skiathos.io上看到她的悬停效果，但我似乎找到了一种方法来使用CSS代码，所以我不会破坏主题。

这是我发现它和我尝试过的东西

我试过这个，但没有运气

.hover-white {opacity：none！important; }

Answer 1

在这种情况下，它不会改变图像的不透明度，而是覆盖图像的父级::after元素的背景色。因此，

.works-grid.hover-white .work-item:hover .work-img:after {
   background-color: transparent;
}

...将解决它。

Answer 2

您是否覆盖效果，请参阅检查器并确定更改了哪些类并覆盖它。在你的情况下，是这个原始类：

.work-item:hover .work-img > img {
    -webkit-transform: scale(1.05) translateZ(0);
    -moz-transform: scale(1.05) translateZ(0);
    -ms-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
}

.work-item .work-img > img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

如果没有效果，请覆盖像普通类一样的悬停效果，如下所示：

.work-item:hover .work-img > img, .work-item .work-img > img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

这里的悬停动作就像没有动作一样。

如何删除Wordpress主题上的悬停效果

2 个答案: