IE bug：绝对定位的元素，背景颜色不透明

Question

我有一个绝对定位的DIV，我需要捕获onclick事件。事实证明，在IE7中，DIV似乎没有像点击甚至光标那样的“足迹”。例如：

div {
      width: 200px; height: 200px;
      position: absolute;
      border: 10px solid black;
      cursor: pointer;
}

在IE7中，DIV没有“足迹”：它不会对onclick（）做出反应，并且它的光标不会改变为指针。奇怪的是，它可以处理其边界上的那些 - 因此在这个例子中是大边界。设置背景颜色：

div { background-color: #fff; }

解决了这个问题。但是，在这种情况下，这是不可能的 - 我需要DIV具有透明背景。

我过去曾遇到过这个漏洞，但我不能为我的生活记住IE浏览器修复它。

Answer 1

尝试使用透明背景图片。

我建议使用全部为透明像素的2x2或更大.gif。将其设置为在x和y上重复，IE不会出现点击问题。

background: transparent url(path/to/spacer.gif) repeat left top;
/* Not all of that is necessary, but I have a tendency to define it anyway. */

Answer 2

有同样的问题并没有找到比透明gif更好的解决方案。请注意，IE8中也出现了此问题。你不必使用2x2 px gif，1x1 px就足够了。