Compatible browsers

src/components/navHeader.vue

@@ -60,6 +60,7 @@ export default {
   width 100%
   top 0
   z-index 100
+  background #fff
   @media screen and (max-width: 900px)
     height 70px
     animation none

src/pages/404/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div style="background:#fff;">
 		<navHeader></navHeader>
 		<main>
 			<h1>404</h1>

src/pages/article/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div style="height:100%">
+	<div style="height:100%;background:#fff;">
 		<navHeader  :isShort="asideStatus=='show'||!asideStatus" :class="{'longHeader':asideStatus=='hide','shortHeader':asideStatus=='show'}"></navHeader>
 		<div id="main">
 			<aside :class="asideStatus">
@@ -190,6 +190,7 @@
 	justify-content center
 	align-items center
 	min-height 100%
+	// background #fff
 	aside
 		position fixed
 		overflow-y: auto
@@ -199,10 +200,10 @@
 		left 0
 		overflow-y: auto
 		box-shadow 1px 1px 3px rgba(0,0,0,0.25)
+		background #fff
 		// padding-left 15px
 		height 100%
 		z-index 900
-		background #fff
 		@media screen and (max-width: 900px)
 			box-shadow 0 0 15px rgba(0,0,0,0.2)
 		#me
@@ -258,6 +259,7 @@
 	#article-box
 		margin-left 250px
 		width 65%
+		// background #fff
 		@media screen and (max-width: 900px)
 			width 80%
 			margin-left 0

src/pages/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div style="background:#fff;">
 		<navHeader></navHeader>
 		<div id="article">
 			<div id="article-box">
@@ -56,6 +56,7 @@
 		display flex
 		justify-content center
 		align-items center
+		background #fff
 		#article-box
 			width 45%
 			display flex

src/pages/tag/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div style="background:#fff;">
 		<navHeader></navHeader>
 		<main>
 			<h1>

src/pages/tags/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div style="background:#fff;">
 		<navHeader></navHeader>
 		<main>
 			<h1>Tags-{{Tags.length}}</h1>