如下图所示当点击坐标点的时候发现被下一个点覆盖了,查看了一下css发现z-index都是0;
点击他拿event事件但是发现修改后z-index不生效,而且去搜这个点,并不是他本身的一个点,而是在另外一个同级div中,在event,百度集成的event.target.Bc里面。
直接修改z-index还是发现不行。但是setTimeout延迟一秒后发现可以了。但是移动一下页面又不行了。
最后决定加className。
如果只找一个使用querySelector性能比getElementByClassName好。
// 先移除之前的class,
if (document.querySelector(".red-red")) {
document.querySelector(".red-red").classList.remove("red-red");
}
e.target.Bc.classList.add("red-red");
.red-red {
z-index: 1000 !important;
}
效果如下,已经可以了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)