我们先来看看DEMO,请在IE8以下版本查看,,效果可以到来源网址看:http://www.jqyang.com/ie_shield_img/
我们可以看到,在第一张图像中,div不能获取到焦点。而在第二章图像中,div却能获取到焦点(我把div的cursor样式设为了pointer)
话不多说,解决方法就是把div的背景图像填充上。
在这里,我把第二个div添加上背景样式
1
|
|
效果在IE下也能出来了。
用处:
可以用在鼠标悬浮在图像上有显示左右或者上下的箭头,提示用户可查看上下张图片。