时间戳

首页 > 解决方案 > 在商店页面停止的简单悬停 CSS（不超越）

hover - 在商店页面停止的简单悬停 CSS（不超越）

问题描述

这是我第一次遇到堆栈溢出。我正在从 Astra 进行电子商务。

我正在尝试悬停 CSS

.product.type-product:hover img {
    opacity:0.7;}

但是，当我从商店/商店页面导航到产品页面时，图像仍然存在不透明度问题。我使用的主题在产品页面上有一个内置的缩放，我不需要产品页面上的 opcaity 悬停效果。我也试过

if (is_shop()) 
{
.product.type-product:hover img {
    opacity:0.7;
}
 else 
{
.product.type-product:hover img {
    opacity:1;
}

但以上不起作用。不确定，我现在在做什么来解决这个问题。我需要帮助。

标签： hovere-commerce

解决方案

推荐阅读