html/css 本身可以点击图片的透明区域吗？
我想并排放置两座建筑物。如果用户点击最近图像的透明区域(绿色)，则点击会穿过并越远(越高)。
我已经检查过了，没有运气:
Click through transparent area on partially transparent image
最佳答案
单独使用 html/css 可能非常困难。甚至加上javascript，因为当你点击红房子图片时，事件是在图片本身上触发的。而且你定义的绿色区域不是正方形。很难简单地在 html/css 中定义这样一个区域。
我的建议是再添加一张那个绿色形状的图片，并附上它的确切内容，然后把它放在红色房子图片的上面。 结果，你得到了三张图片，较远的一张在底部，红色房子在建筑物的顶部，而由建筑物制成的特殊形状在红色房子的顶部。所以当人们点击透明区域时，他们实际上点击的是特殊形状而不是红色房子图片。然后你可以附加一个链接到特殊形状的绿地，这样它就链接到两层楼。这是我能想到的最简单的方法。
希望对您有所帮助。
关于css - 单击图像的透明区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37061628/