javascript - Internet Explorer 空 div 链接

Question

我想让一个空的 div 对点击使用react。

HTML

<div id="closeButton"></div>

CSS

#closeButton {
height:100px;
position:absolute;
right:0;
top:0;
width:100px;    
z-index:1000;
border:1px solid blue;
}

Javascript

$('#closeButton').click(function() {
alert("yo");
});

这在 Firefox 中完美运行，但在 Internet Explorer 中却不行。为什么？

Answer 1

我通过添加 1x1 透明 png 作为背景图像解决了这个问题。这使得 div 可以正确呈现并可以用于点击功能。