如何使标题前的导航栏（响应）

我试图让我的博客响应，但我的导航菜单位于标题后面，我想在标题前面进行设置。你可以看看这里的打印屏幕如何使标题前的导航栏（响应）

和这里的媒体查询导航代码;

.nav { 
max-width:599px; 
position: relative; 
float:center; 
padding-bottom:120px; 
top:159px; 
left:-60px; 
min-height: 40px; 
padding-top:0; 
} 

.nav ul { 
/*width: 599px;*/ 
padding: 5px 0; 
position: absolute; 
/*top: -13px; 
left: -95px;*/ 
border: solid 1px #2FB8C8; 
background: #2FB8C8 url(../images/icon-menu.png) no-repeat 10px 11px; 
} 

.nav li { 
display: none; /* hide all <li> items */ 
margin: 0; 
opacity:0.8; 
} 

.nav .current { 
display: block; /* show only current <li> item */ 
} 

.nav a { 
display: block; 
padding: 5px 5px 5px 32px; 
text-align: left; 
width:599px; 
} 

.nav .current a { 
background: none; 
color: #666; 
} 

/* on nav hover */ 
.nav ul:hover { 
opacity:1; 
} 

.nav ul:hover li { 
display: block; 
margin: 0 0 5px; 
} 

.nav ul:hover .current { 
background: url(../images/icon-check.png) no-repeat 10px 7px; 
}

在此先感谢您的帮助

来源

2013-06-04 auliarahmani

你可以明确设置的z-index把这些元素前进。

来源

2013-06-04 07:11:45 Joe

.nav { 

z-index:2 

max-width:599px; 
position: relative; 
float:center; 
padding-bottom:120px; 
top:159px; 
left:-60px; 
min-height: 40px; 
padding-top:0; 
} 

.Title{ 
/*or what ever you gave it*/ 
z-index:1; 
}

来源

2013-06-04 07:18:17 DiederikEEn

我必须使用z-index的，但它没有工作..感谢您的帮助反正.. – auliarahmani

你给徽标的位置？因为如果位置是静态的，它不会工作 – DiederikEEn

请查看以下链接了解您的指南。您还需要使用jQuery。

http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ 
http://webdesignerwall.com/demo/responsive-menu/ 
http://www.hongkiat.com/blog/responsive-web-nav/

来源

2013-06-04 10:47:21

如何使标题前的导航栏（响应）

回答

相关问题