2013-01-10 65 views
1

我有一個覆蓋DIV,絕對位置寬度的高度和寬度100%。但是當我點擊疊加DIV時,點擊正在疊加DIV的底層元素上發生。疊加DIV樣式如下點擊Windows移動射擊中的絕對DIV點擊底層元素

.overlayDIV{ 
    absolute : absolute; 
    height : 100%; 
    width : 100%; 
    z-index : 1234;  
} 

如何防止...?只存在於Windows Mobile的

+0

設置疊加指數具有較高的z-index。 – kennypu

+0

@kennypu是的,我已經設置,但仍然沒有優雅.. – Reddy

+0

同樣的問題:http://stackoverflow.com/questions/13094097/wp7-ie-css-modal-popup-taps-clicks-go-through-overlay- div-and-trigger-links -t/22657307#22657307 – Kalle

回答

4

您可以停止事件的傳播此問題:

的JavaScript:

document.getElementById('divId').onclick = function (event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
} 

的jQuery:

$('#divId').click(function (event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
}); 

此外,如果您對鼠標按下了一些處理程序在你需要從你的覆蓋div(相同的代碼,但爲mousedown處理程序)取消mousedown的頁面。

+0

這不適合我... – Reddy

+0

@Reddy我已經更新了答案。你可能在底層元素上有一些mousedown功能。 –

+0

我仍然面臨同樣的問題 – Reddy

0

我經歷了這個在IE 10而不是11,我的解決辦法是下面的CSS規則添加到覆蓋:

background:rgba(0,0,0,0);