我有两个块元素,一个标题和一个导航。标头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;
}
非常感谢所以