Commit 652144367974e5ab842e0c7112d98356d7a614c2
1 parent
515ff1ff
rebuild
Showing
2 changed files
with
33 additions
and
4 deletions
css/index.css
@@ -1206,7 +1206,11 @@ header{ | @@ -1206,7 +1206,11 @@ header{ | ||
1206 | width: 1200px; | 1206 | width: 1200px; |
1207 | height: 444px; | 1207 | height: 444px; |
1208 | overflow: hidden; | 1208 | overflow: hidden; |
1209 | - margin: 0 auto; | 1209 | + position: absolute; |
1210 | + top:50%; | ||
1211 | + left: 50%; | ||
1212 | + margin-left: -600px; | ||
1213 | + margin-top: -222px; | ||
1210 | 1214 | ||
1211 | } | 1215 | } |
1212 | .silde-wrap li:nth-of-type(1){ | 1216 | .silde-wrap li:nth-of-type(1){ |
@@ -1214,6 +1218,27 @@ header{ | @@ -1214,6 +1218,27 @@ header{ | ||
1214 | height: 444px; | 1218 | height: 444px; |
1215 | background:url("../img/silde-wrap1-icon.png") no-repeat ; | 1219 | background:url("../img/silde-wrap1-icon.png") no-repeat ; |
1216 | cursor: pointer; | 1220 | cursor: pointer; |
1221 | + position: relative; | ||
1222 | +} | ||
1223 | +.silde-wrap li:nth-of-type(1) div{ | ||
1224 | + font-size:24px; | ||
1225 | + font-weight:600; | ||
1226 | + color:rgba(255,255,255,1); | ||
1227 | +} | ||
1228 | +.silde-wrap li:nth-of-type(1) div:nth-of-type(1){ | ||
1229 | + position: absolute; | ||
1230 | + left: 87px; | ||
1231 | + top: 300px; | ||
1232 | +} | ||
1233 | +.silde-wrap li:nth-of-type(1) div:nth-of-type(2){ | ||
1234 | + position: absolute; | ||
1235 | + left: 1012px; | ||
1236 | + top: 162px; | ||
1237 | +} | ||
1238 | +.silde-wrap li:nth-of-type(1) div:nth-of-type(3){ | ||
1239 | + position: absolute; | ||
1240 | + left: 1012px; | ||
1241 | + top: 387px; | ||
1217 | } | 1242 | } |
1218 | .silde-wrap li:nth-of-type(2){ | 1243 | .silde-wrap li:nth-of-type(2){ |
1219 | width: 1200px; | 1244 | width: 1200px; |
index.html
@@ -87,9 +87,13 @@ | @@ -87,9 +87,13 @@ | ||
87 | <!--</li>--> | 87 | <!--</li>--> |
88 | <!--</ul>--> | 88 | <!--</ul>--> |
89 | <ul class="silde-wrap" id="box"> | 89 | <ul class="silde-wrap" id="box"> |
90 | - <li ></li> | ||
91 | - <li ></li> | ||
92 | - <li ></li> | 90 | + <li> |
91 | + <div>车场概况</div> | ||
92 | + <div>实时监控</div> | ||
93 | + <div>订单管理</div> | ||
94 | + </li> | ||
95 | + <li></li> | ||
96 | + <li></li> | ||
93 | </ul> | 97 | </ul> |
94 | 98 | ||
95 | </div> | 99 | </div> |