1

我一直在修改一个网站，导航栏在该网站上运行良好。现在，无论我使用什么浏览器，相同的导航栏都无法正常显示：Firfox、Safari、Opera。

背景图像仅在鼠标悬停时出现，并且指示哪个页面处于活动状态的黑线出现在页面顶部而不是按钮本身上。

我为一个网站、5 个主页使用 3 种不同的 CSS，每个页面都会出现这个问题。

该站点是 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(...);

}
4

0 回答 0