diff --git a/src/core/render/tpl.js b/src/core/render/tpl.js
index 3c6cfc6470..e3b35a5c34 100644
--- a/src/core/render/tpl.js
+++ b/src/core/render/tpl.js
@@ -72,8 +72,8 @@ export function cover() {
 
   return (
     `<section class="cover show" style="background: ${bgc}">` +
-    '<div class="cover-main"><!--cover--></div>' +
     '<div class="mask"></div>' +
+    '<div class="cover-main"><!--cover--></div>' +
     '</section>'
   );
 }
diff --git a/src/themes/basic/_coverpage.styl b/src/themes/basic/_coverpage.styl
index 6850722204..19ba806664 100644
--- a/src/themes/basic/_coverpage.styl
+++ b/src/themes/basic/_coverpage.styl
@@ -22,6 +22,7 @@ section.cover
     flex 1
     margin -20px 16px 0
     text-align center
+    position: relative
 
   a
     color inherit