解决IE下div遮挡img元素后div不能获取到焦点的BUG

阅读更多

我们先来看看DEMO,请在IE8以下版本查看，，效果可以到来源网址看：http://www.jqyang.com/ie_shield_img/

 

我们可以看到，在第一张图像中，div不能获取到焦点。而在第二章图像中，div却能获取到焦点（我把div的cursor样式设为了pointer)
话不多说，解决方法就是把div的背景图像填充上。
在这里，我把第二个div添加上背景样式

background : url ( 'http://www.jqyang.com/images/bg.png' ) repeat

效果在IE下也能出来了。

用处：
可以用在鼠标悬浮在图像上有显示左右或者上下的箭头，提示用户可查看上下张图片。