CSS下拉菜单 被框架挡住了 怎么办

html-css022

CSS下拉菜单 被框架挡住了 怎么办,第1张

你好！这个有可能是你CSS设置了浮动，那这个时候，你只能一种方式就是将下拉菜单中的层次放到最顶端的位置，即z-index：9999，这表示，设置层在9999层，这个值如果没有设置的话，那就是说这个在原层，没有变动过，数值越高，越在上层。你的这个图片有可能就是比下拉菜单高出几层了，所以就被盖住了，你设置的z-index的值设置成高点，就会顶在上层了，不会盖住了。希望我的回答能令你满意！

设置div的 z-index：

div

{

position:absolute

left:0px

top:0px

z-index:-1

}

定义和用法

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute）！

转载自http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

.menu {

    font-size: 14px

    width: 100%

    height: 50px

    background: url(/images/nav_bg.jpg) 0 0 repeat-x

    position: relative

    z-index: 1

}

.menu 样式增加position:relative + z-index:1 就可以了。 但是IE6下面如果遇到select的话，还是不能覆盖掉的。

PS：

http://runjs.cn/detail/4ltx6m7l

这个是国外友人写的一个比较经典的多级菜单的DEMO， 使用CSS：expression 创建iframe来遮挡select，解决了菜单不能覆盖select的问题。