Extjs3.x 在IE10中弹出窗口后有阴影如何解决?

loadhai 2013-03-29
Extjs3.x 在IE10中弹出窗口后有阴影如何解决?
tongfan 2013-03-30
我也遇到这样的问题了,我智能跟客户说不要用ie10~~~
loadhai 2013-04-01
哎 难道没别的办法了吗
malson 2013-04-08
window最后显示的时候调用syncSize方法
jjover 2013-07-23
/*********************************为阴影 添加IE10兼容*************************************/
    Ext.override(Ext.Shadow, {
        constructor: function () {
            Ext.apply(this, config);
            if (typeof this.mode != "string") {
                this.mode = this.defaultMode;
            }
            var o = this.offset,
                a = {
                    h: 0
                },
                rad = Math.floor(this.offset / 2);
            switch (this.mode.toLowerCase()) {
                // all this hideous nonsense calculates the various offsets for shadows
                case "drop":
                    a.w = 0;
                    a.l = a.t = o;
                    a.t -= 1;
                    if (Ext.isIE && !Ext.isIE10) { //不包含IE10
                        a.l -= this.offset + rad;
                        a.t -= this.offset + rad;
                        a.w -= rad;
                        a.h -= rad;
                        a.t += 1;
                    }
                    break;
                case "sides":
                    a.w = (o * 2);
                    a.l = -o;
                    a.t = o - 1;
                    if (Ext.isIE && !Ext.isIE10) {
                        a.l -= (this.offset - rad);
                        a.t -= this.offset + rad;
                        a.l += 1;
                        a.w -= (this.offset - rad) * 2;
                        a.w -= rad + 1;
                        a.h -= 1;
                    }
                    break;
                case "frame":
                    a.w = a.h = (o * 2);
                    a.l = a.t = -o;
                    a.t += 1;
                    a.h -= 2;
                    if (Ext.isIE && !Ext.isIE10) {
                        a.l -= (this.offset - rad);
                        a.t -= (this.offset - rad);
                        a.l += 1;
                        a.w -= (this.offset + rad + 1);
                        a.h -= (this.offset + rad);
                        a.h += 1;
                    }
                    break;
            };

            this.adjusts = a;
        },
        realign: function (l, t, w, h) {
            if (!this.el) {
                return;
            }
            var a = this.adjusts,
                d = this.el.dom,
                s = d.style,
                iea = 0,
                sw = (w + a.w),
                sh = (h + a.h),
                sws = sw + "px",
                shs = sh + "px",
                cn,
                sww;
            s.left = (l + a.l) + "px";
            s.top = (t + a.t) + "px";
            if (s.width != sws || s.height != shs) {
                s.width = sws;
                s.height = shs;
                if (!(Ext.isIE && !Ext.isIE10)) {
                    cn = d.childNodes;
                    sww = Math.max(0, (sw - 12)) + "px";
                    cn[0].childNodes[1].style.width = sww;
                    cn[1].childNodes[1].style.width = sww;
                    cn[2].childNodes[1].style.width = sww;
                    cn[1].style.height = Math.max(0, (sh - 12)) + "px";
                }
            }
        }
    });

    Ext.Shadow.Pool = function () {
        var p = [],
            markup = Ext.isIE && !Ext.isIE10 ?
                '<div class="x-ie-shadow"></div>' :
                '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
        return {
            pull: function () {
                var sh = p.shift();
                if (!sh) {
                    sh = Ext.get(Ext.DomHelper.insertHtml("beforeBegin", document.body.firstChild, markup));
                    sh.autoBoxAdjust = false;
                }
                return sh;
            },

            push: function (sh) {
                p.push(sh);
            }
        };
    }();
})();
jjover 2013-07-23
漏贴一部分代码
    /***************************************添加IE10标识*********************************************/
    Ext.isIE10 = /msie 10/.test(navigator.userAgent.toLowerCase());
    Ext.isIE6 = Ext.isIE6 & !Ext.isIE10;
sunmengya 2013-07-28
添加这句试试       shadow: false,

menu中添加这句可以
yuanlei2010 2013-08-15
添加这句试试       shadow: false,

menu中添加这句可以
-----此法有效啊,多谢
shen_xiaoai 2013-12-12
非常感谢。这个问题让偶纳闷了半天。
Global site tag (gtag.js) - Google Analytics