css徽标链接无法在IE或Firefox上运行

时间:2013-11-09 16:56:14

标签: css hyperlink overflow hidden

我尝试了所有我知道的内容,但我无法找到为什么在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

感谢所有人,我真的很感激!

1 个答案:

答案 0 :(得分:1)

<div id="sidebar">位于链接前面。将其z-index更改为较低的值。