我有一个消失的页脚导航问题!在@ 979媒体查询 - 屏幕顶部出现一个导航按钮,下拉菜单。但是,当我点击此按钮时,页脚导航中显示的相同信息完全消失... 有什么想法吗?
这是CSS:
header nav {
width: 100%;
z-index: 999;
}
header nav ul li {
width: 100%;
background: #1d5671;
padding: 0;
border-right: 0;
}
header nav ul ul {
display: none;
position: absolute;
top: 100%;
}
header nav ul ul li {
float: none;
position: relative;
}
header nav ul ul li a {
padding: 15px 40px;
color: #fff;
background-color: rgba(29,86,112,0.92);
width: 100%;
}
header nav ul ul li a:hover {
background: #00a8ef;
}
header nav ul li:hover > ul {
display: block;
}
header nav ul {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
display: inline-table;
position: relative;
}
header nav ul:after {
content: "";
clear: both;
display: block;
}
header nav ul li a {
padding: 1em 2%;
width: 100%;
color: #ffffff;
text-align: center;
}
header nav ul li a:hover {
color: #000000;
background-color: #00a8e5;
}
/ 导航结束----------------------------------------- ----------------------------------- /
/ 页脚导航----------------------------------------- ----------------------------------- /
footer nav {
display: inline;
}
footer nav ul li a:hover {
color: #000000;
}
footer nav ul li a {
background-color: #00a8e5;
width: 100%;
}
footer nav ul li {
font-size: 10px;
padding-bottom: 5px;
clear: left;
}
/ 结束页脚导航---------------------------------------- ------------------------------------ /