1

我有两个块元素,一个标题和一个导航。标头div内部有一个溢出导航上方的内容。我曾经z-index以这种方式定义这些项目,但现在我在导航中有项目a,我想成为页面上最突出/最高的元素,因此出现在标题上方并且它是溢出的元素。这可能吗?

请参阅示例 - http://jsfiddle.net/zAehr/ - 我希望导航a项目高于蓝色logo类。

我的 CSS:

#header {
 position:relative;
 display:block;
 height:100px;
 width:100%;
 overflow:visible;
 background:#eee;
 z-index:10;
}

.logo {
 position:relative;
 display:block;
 height:250px;
 width:250px;
 background:#336699;
 z-index:10;
}

#navbar {
 position:relative;
 width:100%;
 height:100px;
 background:#bbb;
 z-index:9;
}

#navbar a { 
 display:block;
 position:relative;
 padding:10px;
 z-index:100;
 float:left;
}

非常感谢所以

4

1 回答 1

3

脱掉z-index: 9_#navbar

http://jsfiddle.net/pxfunc/zAehr/1/

于 2013-01-10T19:35:52.127 回答