如何“始终”显示仅在悬停时可见的元素？

Question

我正在尝试修改“快速查看功能”。我希望它始终显示，而没有任何悬停效果。

我尝试使用不透明CSS，但对我不起作用。

.quick-view {
opacity: 1;
}

我只想用CSS来实现，只用CSS可以吗？

Answer 1

它是使用transform CSS显示的，因此只需将transform从CSS中删除即可。

.grid-tools.hover-slide-in {
    transform: none;
    opacity: 1;
}

Answer 2

您有3个选择 1：消除其他正在修改元素的css或javascript代码。 （您可以使用类名称，ID名称或CSS或HTML中的任何名称进行搜索。）

2. =使用显示：

.quick-view {
display: block; /* can also use flex, or inline-block whatever*/
}

3.-使用可见性：

.quick-view {
visibility: visible;
}

致谢！