移动鼠标在导航栏超链接上显示子导航栏？貌似是用div实现的，HOW？

[ms_ms]

效果类似
http://www.sun.com/
看了看源码，用div实现的。

这个div显示效果是悬空于主页面的，不占用主页面的空间，这个怎么做？

[ms_ms]

没人？

[believefym]

display,会在主页面上占用空间
用visibility:visible, visibility:hidden

[sjkof]

[Quote=引用 2 楼 believefym 的回复:]
display,会在主页面上占用空间
用visibility:visible, visibility:hidden
[/Quote]

错了。
visibility:hidden是不显示也占位置
display:none是不显示不会占位置，但显示会挤开周围元素

正解要使用position来定位

[sjkof]

[Quote=引用 3 楼 sjkof 的回复:]
引用 2 楼 believefym 的回复:
display,会在主页面上占用空间
用visibility:visible, visibility:hidden


错了。
visibility:hidden是不显示也占位置
display:none是不显示不会占位置，但显示会挤开周围元素

正解要使用position来定位
[/Quote]

position:absolute或fixed

[ben0759]

很简单。

他用了css来做的。
position:absolute实现，楼上说用fixed，但是对于IE6一下的浏览器不起作用的。
之前先设置display:none
a:hover div{
display:block;
}
div{
display:none;
position:absolute;
left:20px;
top:20px;
}

具体你可以下载他得css下来看看。

[wjk13828472197]

ie6上要实现的话 要加更多的招数
在ie7和火狐上可以用绝对定位加display来实现

所以要兼容又要简明的话，建议用js写