CSS的在安卓手机上做遮罩层的问题

阿狸Ahri 2015-03-31 10:13:55

我的大体框架

是一个主的DIV，宽高100%，位置fixed，z-index:很大很大
然后一个显示的div，垂直居中.位置fixed。

但是这个能用了，在PC的浏览器看到是正常的，被遮罩的元素不能被点击，也不能被滚动...

但是放到手机里面，虽然被遮罩的元素不能被点击了，为什么还是能被滚动的，意思就是页面太长的时候，还是可以滑动到下面去的。但是我看easyui的对话框是不能滑动的
这个怎么处理啊



 loadingshow: function (msg) {

        if (!msg) {

            msg = "加载中...";

        }

        var jContext = $('body');

        var jLoad = $("#appLoading");

            var msgDIV = new Array();

            msgDIV.push('<div id="appLoading" style="position:fixed;width:100%;height:100%; font-size:18px;background:rgba(0,0,0,0.5);top:0;left:0;z-index:555555">');

            msgDIV.push("<div id='lContext'><img src='/App_Themes/Default/images/ajax-loader.gif' style='vertical-align:middle' /><span id='sInfo' style='margin-left:8px;display:inline-block'>" + msg + "</span>");

            msgDIV.push('</div></div>');

            jLoad = $(msgDIV.join('')).appendTo(jContext);

            var left = jContext.width() / 2 - jLoad.find('#sInfo').width() / 2 - 20;

            var top = jContext.height() / 2 - jLoad.find('#sInfo').height() / 2;

            jLoad.find("#lContext").css({ position: 'fixed', top: top, left: left, color: 'white', padding: '10px', margin: '10px'});

        $("#appLoading").show();//有问题请删除

    },