在IE中阻止隱藏div的所有輸入？

我有一個「Saving ...」覆蓋圖，它佔據了一個覆蓋屏幕100％的不可見div的中心。我希望它不可能與它背後的元素進行交互，即單擊按鈕，選擇表單輸入等。理想情況下，它不僅會捕獲所有鼠標輸入，還會忽略元素的鼠標懸停效果（即光標更改）下面。這不是安全或任何事情，所以它不需要密封，主要是爲了美觀。在IE中阻止隱藏div的所有輸入？

Firefox似乎默認做到了這一點，但IE根本沒有。有什麼簡單的，我可以用來在IE中強制執行此行爲？

來源

2010-08-09 Andrew K

鏈接到您的JS和您的源將是非常有用的。 pastebin和jsbin來得方便=） – 2010-08-09 18:45:20

真的沒什麼特別的，這是覆蓋div的CSS： http://pastebin.com/jYzYRwwZ 這足以阻止Firefox中的所有輸入，但IE仍然讓你使用所有的表單輸入，並在div下面。 – 2010-08-09 18:56:31

IE將只在屏幕上的div具有背景顏色時阻止用戶交互。如果您不想隱藏內容，請設置背景顏色，並將不透明度設置爲1％。

background-color: white; 
filter: alpha(opacity=1); 
opacity: 0.01;

來源

2010-08-09 22:46:13

其實更清潔的選擇是打電話給我們的老朋友，43字節的透明'pixel.gif'，並將其用作覆蓋div的背景。你在這裏詳細解釋的解決方案產生1％的白色:) – gonchuki 2010-08-10 22:04:59

老朋友！ LOL ...：D – 2010-08-19 10:31:19

我建議你看看許多MooTools UI庫之一，例如Clientcides StickyWin Modal。它在一定程度上防止與它下面的事物相互作用（就像你說的，主要是美學）。用戶仍然可以通過下面的東西選項卡，如果他們關心，與窗體交互... ...

來源

2010-08-09 21:51:26 Ryley

在IE中阻止隱藏div的所有輸入？

回答

相關問題