Internet Explorer空div链接

Question

我想让空div对点击做出反应.

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正确呈现并可用于单击功能.