IE的z-index的BUG已经够多了,结果今天在做图集的时候,偶然又遇到了一个。
这代码在一张图片的上方覆盖了2个链接,一个在图片的左半侧,一个在图片的右半侧,鼠标移到图片左边,触发a.left_btn:hover,用来显示向左翻页的图片,鼠标移到图片右边显示向右翻页的图片。
代码在FF里完全正常,但在IE里,2个链接却都不见了。如果图片比较小的话倒是可以冒出来。但图片大小比链接更大时,链接就丢了。
原因似乎是IE对空标签的z-index理解有问题。
解决方法是,给链接加上内容
但是加字的话,将会遮住图片,而且鼠标也必须移动到文字上才能触发链接。
另一个办法是给链接里塞一张透明的图片来占位。
但最优的解决方法是,直接给链接设置空背景链接
最后代码如下: