IE7中的Textarea在鼠標上消失

Question

我有這種大數據輸入排序的頁面，一種使用div的表格佈局類型。每行都有可以切換打開/關閉的子行。切換是使用CSS可見性設置觸發的。表中的每個「單元格」在其角落都有一個小圖像，單擊該圖像，並打開一個彈出窗口，允許您在條目上添加註釋。

這個彈出窗口有一個文本區域和一組複選框，以及一個按鈕（input type = submit，我認爲）。彈出窗口是嵌入在隱藏div內的iframe。

在IE7中，一旦你彈出打開iframe的註釋並向下滾動頁面，將鼠標懸停在彈出框的textarea上會使其消失並顯示其下的頁面內容。鼠標懸停時，複選框也會顯示下面的頁面。

所以，我試了幾個不同的修復程序。 Z指數是我希望可以用來解決這個問題的。沒有這樣的運氣。我可能會嘗試用簡單的輸入類型=文本替換文本區域，但由於複選框也顯示此錯誤，我懷疑單行文本輸入也會導致錯誤。

Answer 1

除了塊元素的z-index的工作，該有什麼要求IE的hasLayout read more

Answer 2

如果我記得正確的Z指數唯一的工作塊塊元素是絕對定位。所以嘗試將彈出框的位置設置爲絕對值，然後嘗試z索引。如果您需要將彈出窗口設置在某個位置，請將包裝元素設置爲相對位置。我之前遇到過這個問題，我相信我按照我所描述的方式解決了這個問題。

Answer 3

最簡單的方式來觸發hasLayout（在另一篇文章中提到）的所有元素是添加zoom: 1。

當調試一些愚蠢的IE 6/7的顯示問題我有時會只轉儲臨時

* { 
    zoom: 1; 
} 

我的CSS，看看是否有什麼變化。如果是這樣，我開始有選擇地將它添加到元素開始元素，元素的父母/子女等。

zoomzoom只支持IE瀏覽器，所以它是非常「安全」，在您的文檔。它也可以讓你不必做任何瘋狂的事情，比如絕對定位元素等。

Answer 4

我對IE7中的輸入字段和textareas都有同樣的問題，但是隻有當我給他們一個寬度。

我不記得我從哪裏得到它，但我發現這個解決方案，它可能不是很優雅，但它解決了這個問題。只需添加：

filter:alpha(opacity=100) 

您的css風格屬性的麻煩領域。