diff --git a/lib/OpenLayers/Control/PanZoomBar.js b/lib/OpenLayers/Control/PanZoomBar.js index 6d20b3459d..2c11105b3e 100644 --- a/lib/OpenLayers/Control/PanZoomBar.js +++ b/lib/OpenLayers/Control/PanZoomBar.js @@ -67,13 +67,18 @@ OpenLayers.Control.PanZoomBar.prototype = sz.h = zoomStopSize*(this.map.getZoomLevels()+1); sz.w = this.zoomStopWidth; - - var div = OpenLayers.Util.createDiv( - 'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id, - centered, - sz); - div.style.backgroundImage = "url("+imgLocation+"zoombar.png)"; - + var div = null + if ((document.body.filters && (version >= 5.5) && (version < 7))) { + div = OpenLayers.Util.createAlphaImageDiv(imgLocation+"zoombar.png", + new OpenLayers.Size(sz.w, zoomStopSize), + centered, "absolute", "OpenLayers_Control_PanZoomBar_Slider" + this.map.id, sz); + } else { + div = OpenLayers.Util.createDiv( + 'OpenLayers_Control_PanZoomBar_Zoombar' + this.map.id, + centered, + sz); + div.style.backgroundImage = "url("+imgLocation+"zoombar.png)"; + } this.divEvents = new OpenLayers.Events(this, div); this.divEvents.register("mousedown", this, this.divClick); this.divEvents.register("mousemove", this, this.zoomBarDivDrag); diff --git a/lib/OpenLayers/Util.js b/lib/OpenLayers/Util.js index 949e05b227..582daa253c 100644 --- a/lib/OpenLayers/Util.js +++ b/lib/OpenLayers/Util.js @@ -683,9 +683,9 @@ OpenLayers.Util.createImage = function(img, sz, xy, position, id, border) { * @type DOMElement */ OpenLayers.Util.createAlphaImageDiv = function(imgURL, sz, px, position, - id, border) { + id, border, divSz) { - var div = OpenLayers.Util.createDiv(id, px, sz); + var div = OpenLayers.Util.createDiv(id, px, (divSz ? divSz : sz)); var img = OpenLayers.Util.createImage(imgURL, sz, null, "relative", id + "_innerImage", border); div.appendChild(img);