我是初学者,有一个非常愚蠢的问题要问。我创建了这两个div,并将两个页面链接在一起。现在问题是,第二个链接(登录)有效,但第一个链接赢了。
以下是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;
}
答案 0 :(得分:1)
你忘了关闭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>