From 219c5bb58e411ee7a2dc5b80f34ff654eda2f2db Mon Sep 17 00:00:00 2001 From: Glen Somerville Date: Thu, 24 Feb 2011 23:33:26 +0200 Subject: [PATCH] Added support for IE6 in expose to prevent select elements from showing through. --- src/toolbox/toolbox.expose.js | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/src/toolbox/toolbox.expose.js b/src/toolbox/toolbox.expose.js index 2312683..9308fb1 100644 --- a/src/toolbox/toolbox.expose.js +++ b/src/toolbox/toolbox.expose.js @@ -62,8 +62,9 @@ if (fn) { return fn.call($.mask); } } - var mask, exposed, loaded, config, overlayIndex; + var mask, exposed, loaded, config, overlayIndex, iframe; + var isIE6 = $.browser.msie && $.browser.version < 7 && !window.XMLHttpRequest; $.mask = { @@ -102,9 +103,23 @@ height: size[1], display: 'none', opacity: conf.startOpacity, - zIndex: conf.zIndex + zIndex: isIE6 ? conf.zIndex - 1 : conf.zIndex }); + // IE6 iframe to hide select elements + if (isIE6) { + iframe = $('').prependTo(mask); + iframe.css({ + position: 'absolute', + top: 0, + left: 0, + width: size[0], + height: size[1], + background: 'transparent', + zIndex: conf.zIndex + }); + } + if (conf.color) { mask.css("backgroundColor", conf.color); } @@ -190,6 +205,9 @@ if (loaded) { var size = viewport(); mask.css({width: size[0], height: size[1]}); + if (isIE6) { + iframe.css({width: size[0], height: size[1]}); + } } },