如何忽略图像的透明像素？

Question

  

可能重复：
  Hit detection on non-transparent pixel

#welc是一个透明的.png。非透明像素对角放置，如色带，因此大部分图像（左上和右下部分）都是透明的。

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

这样可行，但只有当鼠标悬停在“真实图像”上时，我才想要这种效果，即非透明像素。

Answer 1

您可以使用图像映射遮罩不透明区域，并仅在光标位于遮罩上时应用悬停。我不知道这是否是跨浏览器的安全解决方案。