网站建设过程中经常会使用到用CSS+js建立的下拉菜单,实际使用过程中,这些下拉菜单往往会被其下的网站焦点图挡住,失去了实际的用处。当然,这种情况也仅仅是在ie6/ie7中会遇见,在国外ie6的市场占有率已经下降到个位数,但是在国内,ie6却占到了70%以上,如果忽视这部分用户,那么一个网站是失败的。因此,需要通过各种方法去解决问题。网上流传的方法甚多,有使用z-index的,有用js的,但是实际使用过程中并不是那么理想,也可以说,这些方法并不是能够用在任何一个地方的。在此我提供一个方法,可能不能解决所有类似的情况,但是也能提供出一种比较简单的解决方法。
解决方法之前,你需要了解的是菜单栏的层结构,接下来去分析每一层的位置定位。我给出了我使用中的一个截图,希望能提供给大家一点思路吧。