html - 如何忽略悬停事件的透明位置

Question

如何在悬停事件中忽略透明位置？在第一张照片中，我需要忽略“这个地方”。我只需要将鼠标悬停在菱形上即可。

<img src='http://s30.postimg.org/xpd6gwla9/1_Copy.jpg' id="first">

#first:hover {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

Answer 1

你不能。您也许可以使用 SVG 元素(不在 <img> 标签中)，但对于普通图像，边界框将始终为矩形，并且任何框阴影或其他样式都将应用于该框，而不是轮廓你的形象。