1
Julyyq 2013-03-25 16:48:58 +08:00
LZ随便打开哪个网站,看下源码看看别人是怎么搞得嘛
|
2
momou 2013-03-25 16:50:12 +08:00 1
上层没有relative?
|
4
Tiny OP @Julyyq 回复之前看一下回复按钮右手边的提示,如果你能“随便”打开哪个网站找到类似的例子的话,请随便贴个链接,我会非常感激。
|
5
rephaslife 2013-03-25 18:03:16 +08:00
增加一个fixed的框,自己弄到想要的位置。然后里面按顺序上一级菜单,在每个一级菜单的下面加上display:none的二级菜单。然后在每个一级菜单的相应事件里把对应二级菜单显示/隐藏。
这样二级菜单自然会把下面的内容挤出去。只要不要弄position或float就行了。 此方案是否可行? |
6
Tiny OP @rephaslife 这个要浮在上面的 不能挤开下面的元素
|
7
rephaslife 2013-03-25 21:37:40 +08:00
@Tiny display:relative;z-index:250;
|
8
liyandong 2013-03-26 19:18:51 +08:00
纯CSS有兼容各个浏览器的好办法么?
|
9
Kaiyuan 2013-03-26 19:59:03 +08:00 1
@Tiny 这样的二级菜单一般都用 ul>li>ul>li的结构,真的是随便都能找到一个类似的,看起来不同,代码是一样的.只是 IE6 不能纯 css 完成.
第一层菜单先设置releative,子菜单设置absolute,之后定位就好了. ui li {position:relative;} ul li ul {position:absolute;dispaly:none;top:0;left:100%;} ul li:hover ul {dispaly:block} 不用定z-index. IE6 不支持:hover,需要jquery实现,js太麻烦,jquery直接一句代码可以. |
10
Tiny OP 谢谢@Kaiyuan 自己已经鼓捣出来了 用的Jquery 实现和你的差不多 ,其实这里是三级菜单,HTML结构我刚开始没弄好 ,怎么都不行 改了之后就好了。
|