CSS - 鏈接無法點擊，使用絕對位置

時，這裏是我的頭的HTML腳本：CSS - 鏈接無法點擊，使用絕對位置

<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不可點擊，但當我刪除絕對位置時，它正常工作。無論如何要讓鏈接工作，同時仍然保持職位？任何建議表示讚賞，並提前感謝。

-Edit- 原來問題在別的地方。其實我正在使用masterpage，並使用它創建了一個默認的ASP頁面。這個問題只發生在我測試ASP頁面時，而不是我用來創建主頁面的HTML文件。對不起，如果我聽起來很複雜，但是，這個問題對我來說很複雜。希望有人能指出我的理由。

來源

2012-05-19 friedegg-bacon-sandwich

經過測試，它是可點擊的！您需要提供有關您的其他代碼的更多信息！這個問題不是來自你對你的問題的看法！ – Zuul

你還應該包括你測試過的brosers/os列表。它可能僅限於這些的獨特組合，尤其是考慮到zuul的評論 –

http://jsfiddle.net/Wh2sK/ - 適用於我。 –

嘗試添加z-index:10;至.toplink{...}類。

來源

2012-05-19 07:56:53

它完美的工作！非常感謝！帶有'z-index'的 –

您指定分層佈局。這是這樣的。帶有'z-index：x'的元素保留在具有'z-index：（小於x）'的元素的頂部並且在具有'z-index：（大於x）'的元素後面。希望我能成功讓你明白。 –

謝謝你的解釋！我希望你不介意我愚蠢的問題，但我仍然想知道哪些元素停留在超鏈接之上，然後爲toplink類設置z-index值？ –

CSS - 鏈接無法點擊，使用絕對位置

回答

相關問題