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

可能重复：

#welc

是一个透明的.png文件。非透明像素像色带一样呈对角线放置，因此大多数图像（左上和右下部分）是透明的

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

---

这是可行的，但我希望只有当鼠标位于“真实图像”上，即非透明像素上时才有这种效果。

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

请注意，在元素悬停时更改元素位置是一个坏主意。@JanDvorak，请您解释一下。通过直接的css是不可能的，而且替代方法也不简单。如果你在元素悬停时移动它，移动可能会导致元素不悬停，这会将元素向后移动，这会导致元素悬停…@JanDvorak，是的，我注意到了这一点。有什么方法可以防止div在盘旋时再次出现？阿飞，图像地图本身从时间的黎明就已经存在了。我还假设遮罩可以

悬停

ed。如果不是静态的，需要大量的图像处理才能获得像素值，而且图像贴图（像素级贴图…）@PaulSullivan希望图像是静态的，可以手动生成图像贴图。从描述来看，情况似乎是这样的。同意@JanDvorak-手动操作，很痛苦，但它应该可以工作（只希望它不是一个大图像，并且OP允许模糊边缘检测，而不是像素完美）：谢谢大家。我看看——该怎么办。