解决IE 下div与img重叠无法触发鼠标事件的问题

[color=red]问题描述[/color]：

在IE下当我想在img标签上层显示一个div元素时，此时如果该div的background为空白（没有设置图片、或者颜色填充），会导致该div的鼠标事件失效；如果设置border为1px solid red,则鼠标事件只能在该div边框上面响应

如图所示：

[img]http://dl2.iteye.com/upload/attachment/0092/7752/689da036-78e3-39e4-813c-4e42fcdf9e6a.png[/img]


找了很多方法，终于得出了一个完美的解决方案：

设置该div的

background-image: url(#);