href标记不起作用。 CSS风格干扰？

我对HTML比较陌生（现在只有几个星期），而且我卡住了。我网页上的“关于”部分似乎不是可点击的，并且不会将我带到链接页面。令人困惑的是链接似乎是可点击的，因为当悬停在链接上时浮动手形图标出现。我可以右键单击并在新选项卡中打开链接。如果我删除了css并尝试没有格式化的链接，它也是有效的。href标记不起作用。 CSS风格干扰？

我很困惑... CSS是不知何故搞乱我的href标签？

这里的HTML：

<div id="header"> 
    <div class="container"> 
     <div class="row"> 
      <div class="twelwecol last"> 
       <div id="navigation"> <!-- Navigation Links --> 
        <ul> 
         <li><a href="about.htm">about</a></li> 
         <li><a href="#members">members</a></li> 
         <li><a href="#events">events</a></li> 
         <li><a href="#media">media</a></li>    
         <li><a href="#social">social</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

和代码从 “navigation.css” 页：

#header { 
    width: 100%; 
    height: 49px; 
    color: white; 
    background-color: #1b1e25; 
    position: fixed; 
    z-index: 9999; 
} 
#logo { 
    background-image: url('../images/assets/logo.png'); 
    background-repeat: no-repeat; 
    height: 80px; 
    width: 80px; 
    display: block; 
    float: left; 
} 
#navigation { 
    padding-top: 2px; 
    width: 480px; 
    display: block; 
    margin: 0px auto; 
} 
#navigation ul { 
    padding:0px; 
    margin: auto; 
    text-transform: uppercase; 
} 
#navigation ul li { 
    display:inline; 
    float:left; 
    list-style:none; 
    padding: 13px 20px 13px 20px; 
} 
#navigation ul li { 
    display:inline; 
    float:left; 
    list-style:none; 
    padding: 13px 20px 13px 20px; 
} 
#navigation ul li a { 
    color: gray; 
    text-decoration: none; 
    font-family:'Scada', sans-serif; 
    font-size: 13px; 
} 
#navigation ul li a:hover { 
    color: white; 
} 
.current { 
    border-bottom: 1px solid #cb1c1c; 
    color: white; 
} 
#contact { 
    padding-top: 12px; 
    float: right; 
    position: relative; 
} 
#contact a { 
    text-decoration: none; 
    text-transform: uppercase; 
    font-size: 9px; 
    color: gray; 
    padding: 11px; 
} 
#contact a:hover { 
    color: white; 
    border: #333333 1px solid; 
    padding: 10px; 
}

可能有人请告诉我这到底是怎么回事呢？非常感激任何的帮助！

来源

2013-12-18 roobensandwich

那么，你可以在这个[的jsfiddle（http://jsfiddle.net/kUWL9/），你的代码看到的是工作的权利。那么这是真的所有的代码还是可以有别的？此外，尝试刷新页面的chache？ – Mathlight

哪个浏览器导致问题？ –

它的工作正常，请检查http://jsfiddle.net/raunakkathuria/g98cB/关于链接是可点击的，但其他不会因为它们是内部链接，可能是一些JavaScript，如果有任何阻止它 –

它看起来是可点击的，因为它包含在a标记中。当你链接的东西你的href需要有一个适当的扩展。您确定您使用.htm而不是html？

此外，CSS会影响样式（css =级联样式表），它不会影响html（或任何其他）函数，如href函数。

尝试改变您的href到href="about.html"

来源

2013-12-23 04:11:01

href标记不起作用。 CSS风格干扰？

回答

相关问题