ie下脱离文档流区域无法被点击

ie下脱离文档流区域无法被点击

如下需要实现点击整个红色区域，触发click事件。但是中间有蓝色图标。

作法是 红色为div嵌套图标div（这个div只能与图标一样大，涉及到图标是sprite技术），然后将红色div定位到整个大图的左右。

bug：在ff，google 下点击红色区域都能触发click事件，但是在ie下，包括ie的高版本只会点击内层的div才可以触发事件。
解决方案1（失败）：只要给红色div设置一个背景颜色就行了。但是，这个区域必须是透明的，所以必须设置透明度。问题出来了，设置透明度后，内层的div会由于透明度而不会显示。

后来问了老大。。

解决方案2：给红色div区域添加一个透明背景图片。解决了。

我又追问了，老大。

此疑难何解？老大曰：“根据我的理解，红色div区域内没有任何东西，因此点击到下层元素上了。这个可以用事件的冒泡来测试，看触发事件的元素是哪一个！”