奇妙な動作：Safariブラウザのホバー外観

Question

昨日、私たちのクライアントは、彼のウェブサイトで奇妙で望ましくないバーハイを報告しました。ウェブサイトアドレス：http://dawidbukiel.pl/#offer、セクション "オファー"（Oferta）です。このように動作するはずです： Safariにもかかわらず、そうです。特典の詳細（.offerHover）と アクションの後

#offer > div > div:hover 

ボックスが表示されます。 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; 
}