Forráskód Böngészése

修复苹果手机开头视频问题

shaogen1995 3 éve
szülő
commit
89a8a93729
1 módosított fájl, 16 hozzáadás és 8 törlés
  1. 16 8
      index.html

+ 16 - 8
index.html

@@ -134,13 +134,16 @@
         /* pdf */
         .pdfBack{
             cursor: pointer;
-            position: absolute;
+            position: fixed;
+            z-index: 9999;
             width: 30px;
             height: 30px;
             right: 20px;
             top: 20px;
-            background: url('./images/hotListClose.png');
-            background-size: 100% 100%;
+        }
+        .pdfBack>img{
+            width: 100%;
+            height: 100%;
         }
         .pdfCon{
             padding: 20px;
@@ -189,8 +192,11 @@
                 height: 20px;
                 right: 5px;
                 top: 5px;
-                background: url('./images/hotListClose.png') black;
-                background-size: 100% 100%;
+                background-color: black;
+            }
+            .pdfBack>img {
+                width: 100%;
+                height: 100%;
             }
             .pdfCon{
                 width: 100vw;
@@ -202,11 +208,11 @@
                 position: relative;
                 background-color: rgba(0, 0, 0, 1);
             }
-            .welcome video{
+            /* .welcome video{
                 position: absolute;
                 top: 50%;
                 transform: translateY(-50%);
-            }
+            } */
             .tutorials{
                 background-color: rgba(0, 0, 0, .8);
             }
@@ -244,7 +250,9 @@
         <!-- 点击操作指南出现的界面 -->
         <div class="MYPdf">
             <!-- 返回按钮 -->
-            <div class="pdfBack"></div>
+            <div class="pdfBack">
+                <img src="./images/hotListClose.png" alt="">
+            </div>
             <!-- 内容 -->
             <div class="pdfCon">
                 <div class="title">