CSS - Link non cliccabile quando si utilizza posizione assoluta

Question

Ecco lo script HTML della mia intestazione:

<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> 

E qui è lo script CSS:

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

In qualche modo il Accedi collegamento isn È possibile fare clic, ma quando rimuovo la posizione assoluta, funziona normalmente. Esiste comunque la possibilità di far funzionare il collegamento mantenendo la posizione? Qualsiasi suggerimento è apprezzato e grazie in anticipo.

-Edit- Risulta che il problema si trova da qualche altra parte. In realtà sto usando la masterpage e ho creato una pagina ASP predefinita usandola. Il problema si verifica solo quando provo quella pagina ASP, non il file HTML che ho usato per creare la masterpage. Scusa se sembro complicato ma sì, il problema è un po 'complicato per me. Spero che qualcuno possa indicarmi la ragione.

Answer 1

Prova ad aggiungere z-index:10; a .toplink{...} classe.