我尝试了所有我知道的内容,但我无法找到为什么在IE和Firefox上标识下面的链接(“下次会议或活动”)根本不起作用。这是我的css:
/*logo*/
.nav-logo {
float:left;
width: 260px;
margin-left: .2em;
z-index: 1;}
.nav-logo top {
float:left;
width: 250px;
cursor: pointer;}
.event {
float:left;
margin-left: 0;
margin-top:-8px;
cursor: pointer;
clear: both;}
/* Nav width setting*/
.nav-hold {
width: 98%;
max-width: 1000px;
margin: 0 auto;}
/* NAVIGATION */
.nav-bar {
width: 100%;
height: 80px;
background-image:url(../images/bg-menu80.jpg);}
.nav-hold {
overflow:hidden;}
.nav-list {
float: right;
list-style: none;}
.nav-list li {
float: left;
width: auto;
position: relative;}
.nav-list li a {
text-decoration: none;
display:block;
padding: 30px 7px 28px 7px;
color: #f9f9f9;
font-size: .9em;
font-weight: bold;}
.nav-list li ul {
display: none;
list-style: none;
position: absolute;
margin: 0;
padding: 0;
width: 70px;}
.nav-list li ul li {
margin: 0;
padding: 0;}
.nav-list li:hover ul {
display: block;}
.nav-list li a:hover li {
float: left;}
.nav-list li:hover li a {
background-color: #333;
border-bottom: 1px solid #fff;
color: #FFF;
height:50px;
width:150px;}
.nav-list li a:hover {
text-decoration: none;
display: block;
padding: 30px 7px 28px 7px;
color: #000;
font-size: .9em;
font-weight: bold;
background-color: #e7e4e4;}
我希望我在这里正确编写代码,请你在这里看到这个页面: http://www.vosgrafica.com/LIEG/index.html
感谢所有人,我真的很感激!
答案 0 :(得分:1)
<div id="sidebar">
位于链接前面。将其z-index更改为较低的值。