a标签失效的处理

Posted 2020-10-13 野望之风

a标签包裹img后发现链接失效，怎么点都没有反应，后面又加了鼠标样式，鼠标指上去时样式也没有发生变，由此推断鼠标并未触碰到img元素故此无法触发链接和样式

经过一番审查代码，发现是z-index设置了负数，导致鼠标无法触碰到img元素，将z-index值设置为正数就解决了这个问题

但是此时发现img会覆盖最顶部区域，设置顶部的z-index后也没有效果，不过给顶部区域设置position:relative后，这个问题也解决了（原因不明）。