Link 内部不工作 Div

Link not working Inside Div

我是初学者,有一个非常愚蠢的问题要问。我创建了这两个 div,并用它们 link 编辑了两个页面。现在的问题是,第二个 link(登录)有效,但第一个无效。

这是HTML:

         <div id="intro-img" class="animated fadeIn"> <a href="signUp.html" class="btn">Sign Up</a>

         <div class="wallpaper" alt="wireframe"></div>

         <div id="intro-img" class="animated fadeIn"> <a href="signIn.html"class="btn1">Sign In</a>

         <div class="wallpaper1" alt="wireframe"></div>

这里是相关的 CSS:

#intro .btn {
    position: absolute;
    width: 200px;
    height: 70px;
    padding: 0;
    top: 150px;
    z-index: 40;

            }

#intro .btn1 {
    position: absolute;
    width: 200px;
    height: 70px;
    padding: 0;
    top: 280px;
    left:5px;
    z-index: 50;

            }

您忘记关闭 div 或者您没有检查正确的名称 singUp.html

<div id="intro-img" class="animated fadeIn"> <a href="signUp.html" class="btn">Sign Up</a><div id="intro-img" class="animated fadeIn"> <a href="signUp.html" class="btn">Sign Up</a> </div>