Javascript make:在Firefox中不可单击之前

我在一个图像上传工作。我有一个拖放字段用于使用的图像。但是我希望dropzone有一个图像作为dropzone的覆盖。我用一个：before元素实现了这一点。它在Chrome甚至Edge中都能正常工作。但是在Firefox中，我不能单击：before元素后面的dropzone。有没有办法解决这个问题

这里有一个非常简单的例子：

简化：之前：

.dropper:before {
  content: " ";
  width: 200px;
  height: 300px;
  background: #ff0000;
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: .5;
  -moz-opacity: 0.5;
}

---

我希望“点击我”是可点击的。我感谢任何快速的帮助，因为这是为了工作。提前谢谢

解决方案：

您可以使用

指针事件：无覆盖中的css属性

指针事件属性允许控制HTML元素的显示方式
响应鼠标/触摸事件–包括CSS悬停/活动状态，
单击/点击Javascript中的事件，以及光标是否处于活动状态
看得见


代码片段：


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
顶部：8px；
左：8px；
不透明度：.5；
-moz不透明度：0.5；
z指数：100000；
指针事件：无；
}
解决方案：

您可以使用
指针事件：无覆盖中的css属性

指针事件属性允许控制HTML元素的显示方式
响应鼠标/触摸事件–包括CSS悬停/活动状态，
单击/点击Javascript中的事件，以及光标是否处于活动状态
看得见


代码片段：


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
顶部：8px；
左：8px；
不透明度：.5；
-moz不透明度：0.5；
z指数：100000；
指针事件：无；
}

您可以使用css样式告诉浏览器，顾名思义，忽略任何指针事件。这包括阻止指向它可能覆盖的元素的指针事件


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
顶部：8px；
左：8px；
不透明度：.5；
-moz不透明度：0.5；
z指数：100000；
指针事件：无；
}

您可以使用css样式告诉浏览器，顾名思义，忽略任何指针事件。这包括阻止指向它可能覆盖的元素的指针事件


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
顶部：8px；
左：8px；
不透明度：.5；
-moz不透明度：0.5；
z指数：100000；
指针事件：无；
}
指针事件：无
是一个明显的选择，尽管浏览器支持较少

这是另一种方法


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
位置：相对位置；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
排名：0；
左：0；
不透明度：.5；
-moz不透明度：0.5；
}
.滴管a{
位置：相对位置；
}
指针事件：无
是一个明显的选择，尽管浏览器支持较少

这是另一种方法


滴管{
宽度：200px；
高度：200px；
背景：#aaa；
填充顶部：100px；
位置：相对位置；
}
滴管：以前{
内容：“；
宽度：200px；
高度：300px；
背景：#ff0000；
位置：绝对位置；
排名：0；
左：0；
不透明度：.5；
-moz不透明度：0.5；
}
.滴管a{
位置：相对位置；
}

我的天哪，你是老板，这很有效！我现在觉得自己太笨了，因为答案很容易就完成了。谢谢你，伙计！将在8分钟内将答案标记为正确。“傻瓜认为自己是聪明的，但聪明人知道自己是傻瓜。”-W.莎士比亚。。。确保查看浏览器对指针事件的支持。干杯。我的天哪，老板，它起作用了！我现在觉得自己太笨了，因为答案很容易就完成了。谢谢你，伙计！将在8分钟内将答案标记为正确。“傻瓜认为自己是聪明的，但聪明人知道自己是傻瓜。”-W.莎士比亚。。。确保查看浏览器对指针事件的支持。干杯。谢谢。我将在我的浏览器中尝试这两种解决方案，看看哪种效果最好@kingardox这一个将在IE8/9/10上工作，而
指针事件
不会。谢谢，我将在我的浏览器中尝试这两种解决方案，看看哪一种效果最好@kingardox这一个将在IE8/9/10上工作，
指针事件
不会