CSSリンククリックできないここでは、絶対位置

Question

を使用して、私のヘッダーのHTMLスクリプトです：

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

そして、ここで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; 
} 

どういうわけかログインリンクでISNクリック可能ですが、絶対位置を削除すると正常に動作します。まだ位置を維持しながらリンクを動作させるためにとにかくありますか？どんな提案も感謝しており、事前に感謝しています。

-edd- 問題は別の場所にあります。実際に私はmasterpageを使用しており、それを使用してデフォルトのASPページを作成しました。この問題は、masterページを作成するために使用したHTMLファイルではなく、ASPページをテストする場合にのみ発生します。申し訳ありませんが、私は複雑ですがええ、問題は私にとっては複雑です。うまくいけば誰かが私の理由を指摘できます。

Answer 1

z-index:10;〜.toplink{...}クラスを追加してみてください。