加載頁面時產品懸停效果

Question

我的網站上有一些懸浮效果的問題。

當我打開一個集合，然後去非常快上的一個產品，懸停效果毛刺，如果我去其他產品也出現了兩次的效果（hover bug）

當我離開的鼠標產品當它加載它給我這個結果。

這裏是我的代碼：

.hoverbuttons {display:none} 
.quickbutton {display:block} 

.hovereffect {margin-top: -38px; 
    display: inline-block; 
    position: relative; 
    left:0; 
    width: 100%; 
    background: rgba(255, 255, 255, 0.85);; 
    border-top: 0px solid {{settings.border_color}}; 
    transition: all .7s ease-in; 
    transition-property: all; 
    transition-duration: 0.3s; 
    transition-timing-function: ease-in; 
    transition-delay: initial; 

} 

.hoverthumb {box-shadow: 0 0 10px rgba(0,0,0,.15);} 

.thumbnail {height:295px} 

.formbkg{background-color:white;border:1px solid {{settings.productformborder}};padding: 10px;} 

.swatch .swatch-element { 
    background-color: white; 
} 

Answer 1

不知道這是你的問題，但你有一個雙;;在這一行

background: rgba(255, 255, 255, 0.85);; 

這會阻止您的其他轉換/樣式被使用。否則，很難在沒有HTML的情況下查看到底發生了什麼，但我會嘗試使用您的過渡長度來查看是否有幫助。