diff --git a/docs/examples/web/audio/loader.html b/docs/examples/web/audio/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/audio/loader.html
+++ b/docs/examples/web/audio/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/core/loader.html b/docs/examples/web/core/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/core/loader.html
+++ b/docs/examples/web/core/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/models/loader.html b/docs/examples/web/models/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/models/loader.html
+++ b/docs/examples/web/models/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/physac/loader.html b/docs/examples/web/physac/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/physac/loader.html
+++ b/docs/examples/web/physac/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/shaders/loader.html b/docs/examples/web/shaders/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/shaders/loader.html
+++ b/docs/examples/web/shaders/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/shapes/loader.html b/docs/examples/web/shapes/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/shapes/loader.html
+++ b/docs/examples/web/shapes/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/text/loader.html b/docs/examples/web/text/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/text/loader.html
+++ b/docs/examples/web/text/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/docs/examples/web/textures/loader.html b/docs/examples/web/textures/loader.html
index c5e18be0..93d7260f 100644
--- a/docs/examples/web/textures/loader.html
+++ b/docs/examples/web/textures/loader.html
@@ -36,7 +36,7 @@
}
#eximage { width: 802px; height: 452px; text-align: center; }
#eximage img { margin: 0 auto; border: 1px solid; border-color: black; }
- #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; }
+ #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; }
pre { width: 802px!important;}
pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; }
.exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px;
diff --git a/templates/web_shell/shell.html b/templates/web_shell/shell.html
index d602b5b5..d9a3c49e 100644
--- a/templates/web_shell/shell.html
+++ b/templates/web_shell/shell.html
@@ -57,7 +57,7 @@
div.emscripten_border { border: 1px solid black; }
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
- canvas.emscripten { border: 0px none; }
+ canvas.emscripten { border: 0px none; background: black; }
#emscripten_logo {
display: inline-block;