cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed IE8 setOpacity

Browse Source
This commit is contained in:
javi 2013-02-13 12:55:22 +01:00
parent 97ce8187fd
commit 2ccdb9592c
3 changed files with 18 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/Browser.js
View File

@ -14,6 +14,7 @@
android = ua.indexOf('android') !== -1,
android23 = ua.search('android [23]') !== -1,
ie7 = ie && !document.querySelector && ua.search('msie 7') !== -1,
ie8 = ie && ua.search('msie 8') !== -1,
mobile = typeof orientation !== undefined + '',
msTouch = window.navigator && window.navigator.msPointerEnabled &&
@ -63,6 +64,7 @@
ie: ie,
ie6: ie6,
ie7: ie7,
ie8: ie8,
webkit: webkit,
android: android,

10
src/dom/DomUtil.js
View File

@ -142,18 +142,12 @@ L.DomUtil = {
},
setOpacity: function (el, value) {
if ('opacity' in el.style) {
el.style.opacity = value;
} else if ('filter' in el.style) {
var filter = false,
filterName = 'DXImageTransform.Microsoft.Alpha';
var filterName = 'alpha';
value = Math.round(value * 100);
el.style.filter = ' progid:' + filterName + '(opacity=' + value + ')';
el.style.filter = filterName + '(opacity=' + value + ')';
}
},

28
src/layer/tile/TileLayer.js
View File

@ -186,14 +186,20 @@ L.TileLayer = L.Class.extend({
},
_updateOpacity: function () {
if (!L.Browser.ie7) {
L.DomUtil.setOpacity(this._container, this.options.opacity);
}
// stupid webkit hack to force redrawing of tiles
var i,
tiles = this._tiles;
if (!L.Browser.ie7 && !L.Browser.ie8) {
L.DomUtil.setOpacity(this._container, this.options.opacity);
} else {
for (i in tiles) {
if (tiles.hasOwnProperty(i)) {
L.DomUtil.setOpacity(tiles[i], this.options.opacity);
}
}
}
// stupid webkit hack to force redrawing of tiles
if (L.Browser.webkit) {
for (i in tiles) {
if (tiles.hasOwnProperty(i)) {
@ -202,13 +208,6 @@ L.TileLayer = L.Class.extend({
}
}
if (L.Browser.ie7) {
for (i in tiles) {
if (tiles.hasOwnProperty(i)) {
tiles[i].style.filter = 'alpha(opacity=' + (this.options.opacity * 100) + ')';
}
}
}
},
@ -482,8 +481,9 @@ L.TileLayer = L.Class.extend({
_createTile: function () {
var tile = this._tileImg.cloneNode(false);
tile.onselectstart = tile.onmousemove = L.Util.falseFn;
if (L.Browser.ie7 && this.options.opacity !== undefined) {
tile.style.filter = 'alpha(opacity=' + (this.options.opacity * 100) + ')';
// in IE7 and IE8 should be set per tile
if ((L.Browser.ie7 || L.Browser.ie8) && this.options.opacity !== undefined) {
L.DomUtil.setOpacity(tile, this.options.opacity);
}
return tile;