导航栏仅在悬停时出现

时间:2010-07-08 13:03:21

标签: css navbar

我一直在修改一个导航栏工作正常的网站。 现在相同的导航栏拒绝正确显示,无论我使用什么浏览器:Firfox,Safari,Opera。

仅当鼠标悬停时才会显示背景图像,并且显示哪个页面处于活动状态的暗线显示在页面顶部而不是按钮本身上。

我为一个网站使用3个不同的CSS,5个主页,每个页面都出现此问题。

该网站是crossroadinnovation .com 我似乎无法在这里发布HTML,但这里是导航栏的CSS代码,以及“暗线”:

/* navigation menu */
#navmenu{
 position: absolute;
 margin-top: -21px;
 text-align: center;
 width: 1006px;
 height: 15px;
}
 #navmenu ul {
  list-style-type: none;
  margin-top: 0px;
  padding: 12px;
  list-style-image: none;
 }

 #navmenu li {
  list-style:none;
     float: left;
     width: 100px;
     margin: 0px auto;
     padding: 0;
  display: inline;
  width: 186px;
  height: 1%;
 }

 #navmenu li a {
  font-family: Times New Roman, Times, serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
 }


/* links mouseover effect*/
#dialogue{
 position: absolute;
 width: 185px;
 height: 15px;
 background-image: url(...);
 cursor: pointer;
 outline: hidden;
 padding: 5px;
 top: 11px;
}
#dialogue:hover{
  background: url(...);
  outline: none;
 }
#cocreation{
 position: absolute;
 margin-left: 196px;
 width: 185px;
 height: 15px;
 background-image: url(...);
 cursor: pointer;
 outline: hidden;
 padding: 5px;
 top: 11px;
}
#cocreation:hover{
  background: url(...);
  outline: none;
 }
#aboutus{
 position: absolute;
 margin-left: 392px;
 width: 186px;
 height: 15px;
 background-image: url(...);
 cursor: pointer;
 outline: hidden;
 padding: 5px;
 top: 11px;
}
#aboutus:hover{
  background: url(...);
  outline: none;
 }
#services{
 position: absolute;
 margin-left: 589px;
 width: 186px;
 height: 15px;
 background-image: url(...);
 cursor: pointer;
 outline: hidden;
 padding: 5px;
 top: 11px;
}
#services:hover{
  background: url(...);
  outline: none;
 }

#contact{
 position: absolute;
 margin-left: 786px;
 width: 186px;
 height: 15px;
 background-image: url(...);
 cursor: pointer;
 outline: hidden;
 padding: 5px;
 top: 11px;
}

 #contact:hover{
  background: url(...);
  outline: none;
 }




/*Darkline on link -active page */
#darkline {
 z-index: 10;
 position: absolute;
 top: 10px;
}

#darkline_dialogue{
 position: absolute;
 margin-left: 12px;
 margin-top: 11px;
 width: 195px;
 height: 2px;
 background-image: url(...);

}

#darkline_cocreation{
 position: absolute;
 margin-left: 208px;
 margin-top: 11px;
 width: 195px;
 height: 2px;
 background-image: url(...);

}

#darkline_aboutus{
 position: absolute;
 margin-left: 404px;
 margin-top: 11px;
 width: 196px;
 height: 2px;
 background-image: url(...);

}

#darkline_services{
 position: absolute;
 margin-left: 601px;
 margin-top: 11px;
 width: 196px;
 height: 2px;
 background-image: url(...);

}

#darkline_contact{
 position: fixed;
 margin-left: 798px;
 margin-top: 11px;
 width: 196px;
 height: 2px;
 background-image: url(...);

}

0 个答案:

没有答案