正常的我们做下拉菜单 和 幻灯片重叠在一起的时候，使用 z-index 就可以解决问题，正常的效果应该是这样： 但是天杀的 IE7 却是这样： 这时候任凭你怎么使用 position 和 z-index 都不会起作用！ 可以到google搜索 ie7 position absolute z-index 一大堆解决方案。经常我几番研究，下面示范一个通俗易懂的解决方法： 先看一下我的代码结构： 这两个层的 z-index 的值大设置并没有多大关系，只要按照显示在上面的数字越大就可以了。 下面我们找到 mega menu 的根层 #header，给她家上两个css属性 {position: relative;z-index: 10;} …
针对样式名 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000;} 如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效 如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效 针对具体属性 如果只让ie6看见用_ .head{_color:#000;} 如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;} IE8正式版hack \9″ 例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox. “*” IE6、IE7可以识别.IE8、FireFox不能. “_” IE6可以识别”_”,IE7、IE8、FireFox不能. 如： .a {color:#f00; …