zblog解决导航下拉菜单被幻灯片挡住的问题 - z-blog - 爱建站

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

SEO SEO

首页  >   z-blog > zblog解决导航下拉菜单被幻灯片挡住的问题   >  正文

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

2018-09-27 07:32:25 向站长提问 编辑: admin 阅读:

 

今天有一位客户向无忧主机小编我反映


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

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


zblog解决导航下拉菜单被幻灯片挡住的问题
http://www.yuedudg.cn/article/12112371.html

 

友情链接
织梦之家 zblog之家 ecshop经验网
cms综合网 帝国cms常识 wp之家
phpcms之家 discuz经验网


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


手机浏览本文
zblog解决导航下拉菜单被幻灯片挡住的问题

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

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy