diff --git a/modules/ext.RevisionSlider.DiffPage.js b/modules/ext.RevisionSlider.DiffPage.js
index 4f0c6aab..f280a668 100644
--- a/modules/ext.RevisionSlider.DiffPage.js
+++ b/modules/ext.RevisionSlider.DiffPage.js
@@ -4,6 +4,9 @@
 
 	$.extend( DiffPage.prototype, {
 		refresh: function ( oldId, newId ) {
+			$( 'body' )
+				.find( 'table.diff[data-mw=\'interface\']' )
+				.append( '<div id="revision-slider-darkness"></div>' );
 			$.ajax( {
 				url: mw.util.wikiScript( 'index' ),
 				data: {
diff --git a/modules/ext.RevisionSlider.css b/modules/ext.RevisionSlider.css
index 06445e86..ce264e69 100755
--- a/modules/ext.RevisionSlider.css
+++ b/modules/ext.RevisionSlider.css
@@ -94,3 +94,18 @@
     border-style: solid;
     border-width: 0 10px 10px 10px;
 }
+
+#revision-slider-darkness {
+    background-color: white;
+    filter:alpha(opacity=50); /* IE */
+    opacity: 0.5; /* Safari, Opera */
+    -moz-opacity:0.50; /* FireFox */
+    z-index: 20;
+    height: 100%;
+    width: 100%;
+    background-repeat:no-repeat;
+    background-position:center;
+    position:absolute;
+    top: 0;
+    left: 0;
+}