CSS - Liên kết không thể nhấp khi sử dụng vị trí tuyệt đối

Question

Đây là kịch bản HTML của tiêu đề của tôi:

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

Và đây là kịch bản 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; 
} 

Bằng cách nào đó Đăng nhập liên kết isn không thể nhấp được, nhưng khi tôi xóa vị trí tuyệt đối, nó hoạt động bình thường. Có anyway để làm cho liên kết làm việc trong khi vẫn giữ vị trí? Bất kỳ đề xuất được đánh giá cao, và cảm ơn trước.

-Edit- Biến vấn đề nằm ở một nơi khác. Trên thực tế tôi đang sử dụng masterpage và tôi tạo một trang ASP mặc định bằng cách sử dụng nó. Vấn đề chỉ xảy ra khi tôi kiểm tra trang ASP đó chứ không phải tệp HTML mà tôi đã sử dụng để tạo trang chính. Xin lỗi nếu tôi nghe có vẻ phức tạp nhưng vâng, vấn đề phức tạp với tôi. Hy vọng rằng ai đó có thể chỉ ra lý do cho tôi.

Answer 1

Thử thêm z-index:10; đến .toplink{...} lớp học.