提交首页

css/index.css

@@ -42,6 +42,9 @@
 	height:100vh;
 	position: relative;
 }
+.index_main .section1 .index_banner .items img{
+    position:absolute;
+}
 .index_main .section1 .index_banner .item.slick-current .scaleBg{
 	visibility: visible; 
 	/* -webkit-animation:scale-bg 6s linear forwards;
@@ -58,6 +61,21 @@
 	height: 100%;
 	z-index: 0;
 }
+.img1{
+    bottom: 18%;width: 60%;left: 20%;
+}
+.img2{
+    bottom: 29%;width: 54%;left: 28%;
+}
+.img3{
+    bottom: 27%;width: 37%;left: 11%;
+}
+.img4{
+    bottom: 20%;width: 58%;left: 14%;
+}
+.img5{
+    bottom: 38%;width: 50%;left: 25%;
+}
 .index_main .section1 .index_banner .items:after{
 	content: "";
 	display: block;
@@ -1107,4 +1125,22 @@ a:active{
         position: absolute;
         top:25%;
     }
+    .img1{
+        bottom: 18%;width: 100%;left: 0%;
+    }
+    .img2{
+        bottom: 29%;width: 100%;left: 0%;
+    }
+    .img3{
+        bottom: 27%;width: 100%;left: 0%;
+    }
+    .img4{
+        bottom: 20%;width: 100%;left: 0%;
+    }
+    .img5{
+        bottom: 38%;width: 100%;left: 0%;
+    }
+    .category__item .imgcontainer{
+        height:200px;
+    }
 }

index.html

@@ -151,23 +151,32 @@
         <div class="section section1">
             <div class="index_banner">
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner1.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/1t.png);">
+                        <img src="/images/text1.png" alt="" class="img1">
+                    </div>
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner2.png);"></div>
-                   
+                    <div class="items scaleBg" style="background-image: url(images/2t.png);">
+                        <img src="/images/text2.png" alt="" class="img2">
+                    </div>
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner3.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/3t.png);">
+                        <img src="/images/text3.png" alt="" class="img3">
+                    </div>
                    
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner4.png);"></div>
+                    <div class="items scaleBg" style="background-image: url(images/4t.png);">
+                        <img src="/images/text4.png" alt="" class="img4">
+                    </div>
                   
                 </div>
                 <div class="item">
-                    <div class="items scaleBg" style="background-image: url(images/banner5.png);"></div>
-                   
+                    <div class="items scaleBg" style="background-image: url(images/5t.png);">
+                        <img src="/images/text5.png" alt="" class="img5">
+                    </div>
+                     
                 </div>
            	</div>
         </div>