Welcome to Delicate template
Header
Just another WordPress site
Header

让ie6的z-index能在其它层上面

5月 6th, 2013 | Posted by 无 名 in css | html

本打算不再支持ie6了的,ie6太老了,该退休了,但我们还是有那么多人使用ie6,像网吧,国营单位,原因就是xp好使,成了习惯,不过以后会慢慢淘汰的。
现在网站程序员都很抵制ie6的,成为了全民公敌。

今天可会就执意要兼容ie6,用jquery写了个鼠标移上去,就显示子菜单的。但是在ie6里面就会被轮播banner给遮住。因为这个banner也使用了绝对定位和深度z-index。导航条的li使用了悬浮,所以出现了。
解决方法:

.nav li { width:86px; height:37px; float:left; display:inline; position:relative; z-index:10;}
.nav blockquote { width:140px; height:auto; position:absolute; z-index:1000; display:none;}

悬浮的li加了个z-index,这样显示出来的blockquote就在banner之上了。

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.

One Response