From e0aa879b991a56ef565de4405199befdab464667 Mon Sep 17 00:00:00 2001
From: addshore <addshorewiki@gmail.com>
Date: Mon, 30 May 2016 12:23:12 +0100
Subject: [PATCH] Fix opacity on load in IE & Edge

Divs can not be directly inside <table>
elements, and apparently IE11 and Edge will thus
put these elements somewhere else / throw them away
/ do different things to other browsers.

Thus add the div to a row!

Bug: T134983
Change-Id: I1ad38298fc0d4ec7e6f45cb77ac0100900df9bd1
---
 modules/ext.RevisionSlider.DiffPage.js |  2 +-
 modules/ext.RevisionSlider.css         | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/modules/ext.RevisionSlider.DiffPage.js b/modules/ext.RevisionSlider.DiffPage.js
index 63b6dab2..2872170d 100644
--- a/modules/ext.RevisionSlider.DiffPage.js
+++ b/modules/ext.RevisionSlider.DiffPage.js
@@ -5,7 +5,7 @@
 	$.extend( DiffPage.prototype, {
 		refresh: function ( revId1, revId2 ) {
 			$( 'table.diff[data-mw=\'interface\']' )
-				.append( '<div id="revision-slider-darkness"></div>' );
+				.append( '<tr><td><div id="revision-slider-darkness"></div></td></tr>' );
 			$.ajax( {
 				url: mw.util.wikiScript( 'index' ),
 				data: {
diff --git a/modules/ext.RevisionSlider.css b/modules/ext.RevisionSlider.css
index 0c0509ec..8cdcefb2 100755
--- a/modules/ext.RevisionSlider.css
+++ b/modules/ext.RevisionSlider.css
@@ -136,10 +136,12 @@
 
 #revision-slider-darkness {
     background-color: white;
-    filter:alpha(opacity=50); /* IE */
-    opacity: 0.5; /* Safari, Opera */
-    -moz-opacity:0.50; /* FireFox */
-    z-index: 20;
+    filter:alpha(opacity=50); /* IE 5-7 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
+    -khtml-opacity: 0.5; /* Safari 1.x */
+    -moz-opacity:0.50; /* Netscape */
+    opacity: 0.5; /* Good browsers */
+    z-index: 200000;
     height: 100%;
     width: 100%;
     background-repeat:no-repeat;