在低版本 IE 中点击空 block 元素的问题

• 问题描述
• 使用场景
• 解决办法

问题描述

当我们点击一个空的、没有任何内容的 div 或者其他块级元素时。在 IE11 以下，是没有反应的。

使用场景

这类问题使用场景还是很普遍的。比如 UI 给了一张大图，要点击图上的某一块位置的时候。可以用一个空的 div 定位到相应的位置，然后对它进行绑定事件。

解决办法

解决方法很简单，即给这个块级元素填充任意颜色，然后将其透明度设置为0。代码如下：

background-color: #fff;
opacity: 0;
filter:alpha(opacity=0);