20210816

css/new_list.css

@@ -14,18 +14,20 @@
 }
 .new2 .body .list-header {
   position: relative;
-  height: 160px;
   margin-bottom: 20px;
   background-size: cover;
   -webkit-background-size: 100% 160px;
-  -moz-background-size: 100% 160px;
+  -moz-background-size: 100% auto;
   background-position: center center;
 }
+.new2 .body .list-header img {
+  width: 100%;
+}
 .new2 .body .list-header div {
-  position: relative;
-  top: 110px;
-  left: 10px;
+  position: absolute;
   color: #fff;
+  bottom: 0;
+  left: 10px;
 }
 .new2 .body .list-header div h3 {
   font-size: 16px;

css/new_list.less

@@ -15,17 +15,19 @@
 }
 .new2 .body .list-header{
   position: relative;
-  height: 160px;
   margin-bottom: 20px;
   background-size: cover;
 -webkit-background-size: 100% 160px;
--moz-background-size: 100% 160px;
+-moz-background-size: 100% auto;
 background-position: center center;
+ img{
+   width: 100%;
+  }
   div{
-    position: relative;
-    top: 110px;
-    left: 10px;
+    position: absolute;
     color: #fff;
+    bottom: 0;
+    left: 10px;
     h3{
       font-size: 16px;
       margin-bottom: 5px;

h_news/new_list.html

@@ -42,6 +42,14 @@
     <div class="row">
       <div class="col">
         <div class="body">
+          <div class="list-header">
+            <!-- 背景图片 -->
+            <img src="../imgs/lunbo.jpg" alt="">
+            <div>
+              <h3>武汉市高三调考</h3>
+              <p>实时更新</p>
+            </div>
+          </div>
           <div class="my-list list">
             <a target="_blank" href="http://gaokaoapp.net" class="list-item">
               <div class="item-img">

xgk/xgk.html

@@ -44,8 +44,9 @@
     <div class="row">
       <div class="col">
         <div class="body">
-          <!-- 背景图片建议 1130 * 160  当然前端可以修改高度 宽度按照模板应为100%（1130）-->
-          <div style="background-image: url('../imgs/lunbo.jpg');" class="list-header">
+          <div class="list-header">
+            <!-- 背景图片 -->
+            <img src="../imgs/lunbo.jpg" alt="">
             <div>
               <h3>武汉市高三调考</h3>
               <p>实时更新</p>