我有一個覆蓋DIV,絕對位置寬度的高度和寬度100%。但是當我點擊疊加DIV時,點擊正在疊加DIV的底層元素上發生。疊加DIV樣式如下點擊Windows移動射擊中的絕對DIV點擊底層元素
.overlayDIV{
absolute : absolute;
height : 100%;
width : 100%;
z-index : 1234;
}
如何防止...?只存在於Windows Mobile的
我有一個覆蓋DIV,絕對位置寬度的高度和寬度100%。但是當我點擊疊加DIV時,點擊正在疊加DIV的底層元素上發生。疊加DIV樣式如下點擊Windows移動射擊中的絕對DIV點擊底層元素
.overlayDIV{
absolute : absolute;
height : 100%;
width : 100%;
z-index : 1234;
}
如何防止...?只存在於Windows Mobile的
您可以停止事件的傳播此問題:
的JavaScript:
document.getElementById('divId').onclick = function (event) {
event.preventDefault();
event.stopPropagation();
}
的jQuery:
$('#divId').click(function (event) {
event.preventDefault();
event.stopPropagation();
});
此外,如果您對鼠標按下了一些處理程序在你需要從你的覆蓋div(相同的代碼,但爲mousedown處理程序)取消mousedown的頁面。
我經歷了這個在IE 10而不是11,我的解決辦法是下面的CSS規則添加到覆蓋:
background:rgba(0,0,0,0);
設置疊加指數具有較高的z-index。 – kennypu
@kennypu是的,我已經設置,但仍然沒有優雅.. – Reddy
同樣的問題:http://stackoverflow.com/questions/13094097/wp7-ie-css-modal-popup-taps-clicks-go-through-overlay- div-and-trigger-links -t/22657307#22657307 – Kalle