CSS - Ein Link nicht anklickbar, wenn die absolute Position mit

Question

Hier ist der HTML-Skript meines Header:

<div class="header"> 
<div class="logo"><a href="Default.aspx"><img src="style/images/logo.png" alt="" /></a></div> 
<div class="toplink"><a href="Signin.aspx">Sign in</a></div> 
<div class="search"> 
    <form class="searchform" runat="server" method="get"> 
     <input type="text" id="s" name="s" value="Search for photos" onFocus="this.value=''" onBlur="this.value='Search for photos'"/> 
    </form> 
</div> 
</div> 

Und hier ist der CSS-Skript:

.logo { 
    padding: 30px 0; 
} 

.logo img { 
    display: inline; 
} 

.toplink { 
    position: absolute; 
    bottom: 40px; 
    right: 280px; 
    font-size: 14px; 
} 

.search { 
    position: absolute; 
    bottom: 10px; 
    right: 0; 
    font-size: 14px; 
    width: 330px; 
} 

Irgendwie Anmelden Link isn nicht anklickbar, aber wenn ich die absolute Position entferne, funktioniert es normal. Gibt es überhaupt eine Verbindung, die funktioniert, während die Position beibehalten wird? Jeder Vorschlag wird geschätzt, und danke im Voraus.

-Edit- Stellt sich heraus das Problem liegt woanders. Eigentlich benutze ich masterpage und ich habe eine Standard-ASP-Seite damit erstellt. Das Problem tritt nur auf, wenn ich diese ASP-Seite teste, nicht die HTML-Datei, die ich zum Erstellen der Masterseite verwendet habe. Tut mir leid, wenn ich mich kompliziert anhört, aber ja, das Problem ist irgendwie kompliziert für mich. Hoffentlich kann jemand den Grund für mich aufzeigen.

Answer 1

Versuchen Sie, z-index:10; zu .toplink{...} Klasse hinzuzufügen.