これらのPNGファイルはマウスの上に黒色（背景）で透明でないのはなぜですか？

Question

私はクライアント用のMagentoショップを構築していますが、製品のテスト画像をアップロードしましたが、クロムを使用してマウスオーバーするたびに黒い背景が表示されます。なぜ誰かが理解していますか？私はcssに何の問題も見られないので、画像自体でなければなりません。

URLは：（私は '新製品' と '特色' 以下、それらのイメージについて話している）http://bit.ly/zuRH2O

は、私はそれらの使用フォトショップおよびPNG-24を作ったセーブ・用ウェブオプション（のhttp：/ /bit.ly/zGXTAo）。何年もの間これをやってきましたが、実際にはこれが初めてです。

Answer 1

問題はあなたのCSSにあります。背景画像を見てください：

a.product-image { 
margin-bottom: 10px; 
width: 182px; 
height: 239px; 
border: 1px solid #2F3238; 
background: url("/images/thumb_bg.png") 50% top no-repeat; 
display: block; 
border-image: initial; 

画像を右クリックして新しいタブで見ると、それらが透明であることがわかります。あなたの背景は暗いので、画像はそれをピックアップします。