瀏覽代碼

增加背景图结构

Chente 6 年之前
父節點
當前提交
00423a09fb
共有 2 個文件被更改,包括 23 次插入8 次删除
  1. 19 4
      css/main.css
  2. 4 4
      login.html

+ 19 - 4
css/main.css

@@ -26,6 +26,25 @@ a{
   text-indent:26px;
 }
 /*自定义css*/
+.login-body,.login-html{
+  height:100%;
+}
+.login-bg{
+  width: 100%;
+  height: 100%;
+/*  background: #f2f6f5 url("login-bg.jpg") bottom center no-repeat;*/
+  background-size: 100% auto;
+  display: inline-block;
+  position: absolute;
+}
+.login-panel {
+  width: 500px;
+  margin: 0 auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 20%;
+}
 .header {
   border-bottom: 1px solid #ccc
 }
@@ -366,10 +385,6 @@ a{
 .rn-nav .nav-tabs .nav-link.active span{
   display: inline-block;
 }
-.form-signin {
-    max-width: 500px;
-    margin: 150px auto;
-}
 .poj-list, .side-content ,.form-view{
     overflow: auto;
 }

+ 4 - 4
login.html

@@ -1,6 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html lang="en" class="login-html">
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -10,8 +9,9 @@
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 </head>
-<body>
-    <div class="container">
+<body class="login-body">
+    <div class="login-bg"></div>
+    <div class="container login-panel">
         <form class="form-signin">
             <h1 class="d-flex justify-content-center mb-5"><img src="img/building.png" width="40" height="40" class="mt-2 mr-3"> 纵横建筑云计价</h1>
             <div class="form-group">