fixed IE8 setOpacity

src/core/Browser.js

@@ -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,

src/dom/DomUtil.js

@@ -141,18 +141,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 + ')';
 		}
 	},
 

src/layer/tile/TileLayer.js

@@ -186,30 +186,29 @@ 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.webkit) {
+		if (!L.Browser.ie7 && !L.Browser.ie8) {
+			L.DomUtil.setOpacity(this._container, this.options.opacity);
+		} else {
 			for (i in tiles) {
 				if (tiles.hasOwnProperty(i)) {
-					tiles[i].style.webkitTransform += ' translate(0,0)';
+					L.DomUtil.setOpacity(tiles[i], this.options.opacity);
 				}
 			}
-		}
+        }
 
-		if (L.Browser.ie7) {
+		// stupid webkit hack to force redrawing of tiles
+		if (L.Browser.webkit) {
 			for (i in tiles) {
 				if (tiles.hasOwnProperty(i)) {
-					tiles[i].style.filter = 'alpha(opacity=' + (this.options.opacity * 100) + ')';
+					tiles[i].style.webkitTransform += ' translate(0,0)';
 				}
 			}
 		}
 
+
 	},
 
 	_initContainer: function () {
@@ -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;