html - 任何人都可以解释链接如何与本网站中的图像相结合吗？

Question

通常，当我们想向图像添加一些 url 链接时，我们只需将该图像放入元素中。

但是，我刚刚在此页面中发现： https ://uk.burberry.com/mens-trench-coats/

每件外套的链接都与图像分开。但是，当鼠标放在外套图像上时，我们仍然可以检测到链接。

谁能解释这是如何工作的？

标签： html

Answer 1

您提到的页面上的链接被position: absolute;“移动”到了实际放置在其他元素中的实际图像上。

https://developer.mozilla.org/en-US/docs/Web/CSS/position