香港独立IP空间
香港php空间
美国php空间
域名注册

今天有一位客户向无忧主机小编我反映,网站上面的导航菜单被下面的幻灯片给遮挡住了,对网站显示有很大的影响。对于这种问题基本上都是网站样式表没有设置好的原因,是新手建站中经常会遇到的常见问题。下面无忧主机小编就来给大家详细介绍一下。

网站上面的导航菜单被下面的幻灯片给遮挡住了,一般都是样式中的层叠关系没有设置好,首先要确定层级关系必须要同一级,而且在标签中需要设置“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; }

样式表修改好之后点击保存,刷新一下数据就可以了。

无忧主机相关文章推荐阅读:
ZBLOG设置图标字体的方法
ZBLOG不同页面调用不同侧栏的方法
ZBLOG调用文章时添加时间限制的方法

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: