當設置css時，IE7選擇框消失

我有一個div（透明背景），在某些選擇框的頂部z-index爲1。當設置css時，IE7選擇框消失

在除IE7以外的所有瀏覽器中，顯示和功能都正確。 在IE7中，選擇框出現但不能被點擊或更改。

在IE7中，唯一的解決方法是將包含背景的div設置爲z-index -1。這會導致顯示問題或其他瀏覽器中的其他框出現問題。

如果我做這個規則（試圖解決方法）

select{ 
position:relative; 
z-index:1000; 
}

的所有選擇框將在IE7中消失。

我該怎麼辦？

來源

2011-01-20 Kieran Andrews

什麼是你想用這個'Z-index`值來完成？ – 2011-01-20 01:18:00

使選擇框功能正確。我會更新這個問題。 – 2011-01-20 01:25:49

我用IE7的條件語句解決了這個問題。

在IE7 -

z-index:-1;

所有其他的瀏覽器 -

z-index:1;

來源

2011-01-21 01:59:43

我明白你在做什麼。好。這種類型的東西提示？不要試圖自己動手！

有很多模態窗口可用於覆蓋窗口上的div元素並添加內容。有些會灰掉背景，有些只會浮現在您的內容上。做一點搜索，你會發現一個適合你的需求。

你應該這樣做的原因是，select元素是操作系統表單元素，而不是web表單元素（這是背後真正的痛苦）。這意味着它們的行爲與標準html塊元素的行爲不同（它們很特殊，並且喜歡被特殊處理）。出於這個原因，他們將始終顯示爲頂級項目（即使他們不像您的情況）。你可以編寫一個JavaScript負載來改變DOM並解決這個問題，但它已經完成了。

我知道這可能不是你想聽到的，但如果你做這個搜索，你會爲自己節省很多心痛。

希望這會有所幫助。

來源

2011-01-20 12:28:02 tadywankenobi

當設置css時，IE7選擇框消失

回答

相關問題