Html don'；单击某个href位置上方的另一个元素时，无法转到该位置

我想知道是否有可能在按下时阻止我的

div

进入我的

A

标签中的href。我的div当前浮动在我的

A

标记上，位置为

绝对

Jsfiddle解决我的问题：

我需要在我的

div

中使用css样式：

position:relative

，以防止我的按钮粘在页面的左上角。我不确定这是否是导致问题的原因

我的html如下所示：

<div class="image col-md-6">
  <a href="https://google.com">
    <img width="500" height="300" src="http://i.imgur.com/uR2o8pb.jpg">
  </a>
  <div class="edit-image">&middot;&middot;&middot;</div>
</div>

---

单击

元素时是否可以不按href键？

我相信这就是您想要的

.image{
填充：8px；
位置：相对位置；
}
.图像。编辑图像{
背景色：红色；
位置：绝对位置；
宽度：100px；
高度：100px；
顶部：15px；
左：15px；
z指数：100；
}

&米德多&米德多&米德多；

我相信这就是你想要的

.image{
填充：8px；
位置：相对位置；
}
.图像。编辑图像{
背景色：红色；
位置：绝对位置；
宽度：100px；
高度：100px；
顶部：15px；
左：15px；
z指数：100；
}

&米德多&米德多&米德多；

删除

指针事件：无瞧


.image{
填充：8px；
位置：相对位置；
}
.图像。编辑图像{
背景色：红色；
位置：绝对位置；
宽度：100px；
高度：100px；
顶部：15px；
左：15px；
z指数：100；
}

&米德多&米德多&米德多；
删除
指针事件：无瞧


.image{
填充：8px；
位置：相对位置；
}
.图像。编辑图像{
背景色：红色；
位置：绝对位置；
宽度：100px；
高度：100px；
顶部：15px；
左：15px；
z指数：100；
}

&米德多&米德多&米德多；
现在你不能点击红方块，但你也不能点击图像本身。是的，我一直在寻找一种方法来避免只点击红方块/按钮。哦，我明白了。你想要的是图像可点击，但不是红方块。现在你不能点击红方块，但你也不能点击图像本身。是的，我一直在寻找一种方法来避免只点击红方块/按钮。哦，我明白了。您希望图像可以单击，但不需要红方块。与问题无关，但此处有一个输入错误：
width-“500”
应该是
width=“500”
@domdom解决了它，谢谢。与问题无关，但此处有一个输入错误：
width-“500”
应该是
width=“500”
@domdom解决了这个问题，谢谢。我一直在摆弄小提琴，我从来没有试过。抢手货PS：编辑器中有一个按钮可以插入JS提琴。我很高兴我帮了你：）祝你好运！是的，就是这样！：-）我之前添加了这个，因为我在A标签中首先有按钮。之后我删除了它，忘记删除
指针事件：无谢谢@哦，现在我注意到了：我对stackoverflow还不熟悉，是一个长期的潜伏者，现在我学到了一些东西，我会尽力帮助别人：）我一直在摆弄小提琴，我从来没有尝试过。抢手货PS：编辑器中有一个按钮可以插入JS提琴。我很高兴我帮了你：）祝你好运！是的，就是这样！：-）我之前添加了这个，因为我在A标签中首先有按钮。之后我删除了它，忘记删除
指针事件：无谢谢@domdom哦，现在我注意到：我是stackoverflow的新手，长期潜伏，现在我学到了一些东西，我会尽力帮助别人：）
.image {
    padding: 8px;
    position: relative;
}

.image .edit-image{
    background-color: red;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 15px;
    left: 15px;
    pointer-events: none;
    z-index: 100;
}