css - 画像の透明ピクセルを無視するには?

Question

重複の可能性:
非透明ピクセルでのヒット検出

#welc透明な .png です。不透明なピクセルはリボンのように斜めに配置されるため、画像の大部分 (左上と右下の部分) は透明です。

#welc:hover{
    margin-top:-5px;
}

これは機能しますが、マウスが「実際の画像」、つまり不透明なピクセルの上にある場合にのみ、この効果が必要です。

Answer 1

画像マップで不透明な領域をマスクし、カーソルがマスク上にあるときにのみホバーを適用できます。それがクロスブラウザーの安全なソリューションであるかどうかはわかりません。