奇怪的行爲：在Safari瀏覽器上懸停外觀

Question

昨天我們的客戶在他的網站上報告了奇怪和不合需要的行爲。網站地址是：http://dawidbukiel.pl/#offer，部分「offer」（Oferta）。它應該像這樣工作： 它確實，儘管Safari瀏覽器。 動作後

#offer > div > div:hover 

與優惠詳情（.offerHover）框應該會出現。不幸的是，在Safari上，它發生了其他情況。有時框出現，有時不出現，有時出現在低透明度下。 主要問題是 - 我們沒有任何mac設備，因此無法嘗試修復它。你有什麼線索可能是錯的嗎？我試圖在Windows上測試舊的Safari版本，但它似乎工作正常。 我會非常感謝任何想法:)

Answer 1

我設法解決它自己。 我不知道爲什麼，但它的作品：D
我只是擺脫了關鍵幀。

來自：

.offerHover { 
background: rgba(0, 81, 203, 1); 
height: 200px; 
margin-right: 0px; 
} 

#offer > div > .col-md-4:hover .offerHover { 
-webkit-animation: jumpOut 0.5s forwards; 
animation: jumpOut 0.5s forwards; 
opacity: 1; 
visibility: visible; 
} 

到：

.offerHover { 
background: rgba(0, 81, 203, 1); 
height: 200px; 
margin-right: 0px; 
-webkit-transform: translate3d(0, 0, 0); 
transform: translate3d(0, 0, 0); 
} 

#offer > div > .col-md-4:hover .offerHover { 
visibility: visible; 
-webkit-transform: translate3d(15px, 15px, 0); 
transform: translate3d(15px, 15px, 0); 
opacity: 1; 
}