该页面上有两个解决方案。如果可能的话,我会选择较低的票数。
如果你使用HTML5,那么把div放在一个内部是完全有效的。只要div还不包含其他特定元素,如其他链接标签。
实际上,您所困惑的解决方案使链接与其容器div一样大。为了使其在您的示例中工作,您只需要添加相对于您的div的位置:你也有一个小的语法错误,这是你给了span一个类,而不是一个id。您还需要将您的跨度放在链接中,因为这是用户点击的。从这个例子我根本就不认为你需要z-index。
div { position: relative; }
.hyperspan {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}
当你给一个元素绝对的定位时,它的位置和大小在第一个父母之后,它发现它是相对定位的。如果没有,则使用该文档。通过添加相对于父div,你告诉跨度只有这样大。