就是使用滤镜解决png透明问题的;但是ie6这样用的后果是,背景图片的position设置会无效,背景图片的位置动不了了,后来我解决的办法是,移动背景图片的div块实现居中
这个导航,还有一个难点,由于没有使用<a>标签,1.需要自己写js实现页面的跳转,但是跳转后,2.点击的标签要选中状态 3.选定的标签不受鼠标移进移出影响(我设想的是鼠标移出移进事件和点击事件完全分离,不能产生耦合)
解决:
第一个好解决,在li加个rev属性,写上链接的地址,然后绑定点击事件,获取点击event,然后设置window.location=rev.value
第二个,想了蛮久的,最后考虑到,页面链接刷新的时候,唯一准确的变量就是地址栏的内容,然后我就写了一个加载监控,遍历li的rev值,如果匹配地址栏的地址(用到了lastIndexof()),这个li标签就选定
第三个,也比较麻烦,后来还好jQuery有个方法为addClass(),可以叠加覆盖原来的class,这样就简单啦,完全就可以分开鼠标移进移出事件和click事件了,是一种叠加思想,原来class是:a鼠标移进移出是addClas(b)和removeClass(b),鼠标选中时,addClass(b_1)(b_1和b的样式一样,但是为了叠加,只能取不同的class名字),当鼠标点中后:a被b_1覆盖,当鼠标移到被选中的li时,b_1被b覆盖(两个样式内容一样,所以没有变化),鼠标移出,remove b,所以这时候被选中的样式还原为b_1,还是不变










