第一种实现方式只能是绑定一个事件,如点击图片实现查看,点击伪元素实现删除则不可以实现。而且会导致:hover等鼠标事件失效,所以不推荐使用
第二种实现方式可以绑定一个事件,如点击图片实现在子元素事件中实现查看,点击伪元素在父元素事件中实现删除。
.box2-ul li a:before{
width: 100px;
height: 65px;
pointer-events: auto;
content: ‘’;
position: absolute;
top: 189px;
left: 24px;
cursor: pointer;
}
.box2-ul li a{
position: absolute;
/* 禁用点击事件 */
pointer-events: none;
}
实现点击伪元素才有点击事件
最新推荐文章于 2024-08-15 03:45:43 发布