zblog解决导航下拉菜单被幻灯片挡住的问题

今天有一位客户向无忧主机小编我反映，网站上面的导航菜单被下面的幻灯片给遮挡住了，对网站显示有很大的影响。对于这种问题基本上都是网站样式表没有设置好的原因，是新手建站中经常会遇到的常见问题。下面无忧主机小编就来给大家详细介绍一下。 网站上面的导航菜单被下面的幻灯片给遮挡住了，一般都是样式中的层叠关系没有设置好，首先要确定层级关系必须要同一级，而且在标签中需要设置“position”属性的值为“relative”或者是“absolute”，然后用“z-index”属性进行设置先后显示的顺序。例如这位客户的css样式设这样设置的：

header{ }
header .nav{ z-index:9999; height:50px; color:#fff; text-align:center; }
banner{ position:relative; margin:10px auto; height:300px; }

header{ position:relative; z-index:1 }
header .nav{ height:50px; color:#fff; text-align:center; }
banner{ position:relative; z-index:0; margin:10px auto; height:300px; }

本文地址：https://www.51php.com/zblog/21041.html