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

Question

可能重复：
对不透明像素的命中检测

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

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

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

Answer 1

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