Question

我正在构建一个页面，顶部有一个标题，左边是一个菜单，另一个是页面的页脚。我已经使用。

定义了所有这些

链接在菜单中。只要我没有应用css，链接就可以工作，但只要我应用外部文件中的css就会停止工作。

我可以看到它在我悬停时发生变化，当我点击它时消失，但页面没有变化。它仅在我在新窗口或新选项卡中打开链接时才有效。它为什么这样做？我该如何解决？

这是HTML代码：

<body>
    <div id="container">
        <div id="header">
            <h1>Site HTML</h1>      
        </div>

        <div id="menu" >
            <h1>Navigation</h1>
                    <ul>
                            <li>    <a href="javascript.html">Javascript</a>   </li>
                    </ul>

            </div>

            <div id="content"> 
            <p>
            </p>
         </div>

     </body>

这里是菜单的CSS和clic on的链接。

#menu {
     min-width:20%;
     max-width:20%;
     min-height:80%;
     max-height:80%;
     background-color:#
     margin:0;
     padding:0;
     position:fixed;
     top:10%;
     overflow:auto;
}


#menu li {
     list-style-type:none;
     font:large, arial,sans-serif;  
}   

#menu a:link,a:visited{
     display:block;
     font-weight:bold;
     color:#FF6600;
     background-color:black;
     width:75%;
     text-align:center;
     padding:4px;
     text-decoration:none;  
}

#menu a:hover {color:#0000FF;}   

#menu a:active {visibility:hidden;}

Answer 1

删除#menu a:active {visibility:hidden;}

不要认为这有任何区别。

Answer 2

因为您正在设置隐藏在活动伪类上的属性可见性。只需删除该行：

#menu a:active {
  visibility:hidden;
}

http://jsfiddle.net/gomflo/KEq8U/

Link不会打开

2 个答案: