gpt4 book ai didi

html - 链接打不开

转载 作者:行者123 更新时间:2023-11-28 16:00:24 26 4
gpt4 key购买 nike

我正在构建一个页面,顶部有一个页眉,左侧有一个菜单,底部有一个页脚。我已经使用 .

定义了所有这些

链接在菜单中。只要我不应用 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 和点击链接。

#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;}

最佳答案

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

不要认为这有任何区别。

关于html - 链接打不开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23714276/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com