圖片未居中

Question

我有一個loginPage.php文件，它是：

<?php 
    //some php stuff
?>

<!DOCTYPE html>

<html>
<head>
<title>Login Form Design</title>
    <link rel="stylesheet" type="text/css" href="stylelogin.css">
<body>
....and so on

我的stylelogin.css文件為：

body{
    margin: 0;
    padding: 0;
    background: url(image1.jpg);
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
}

.loginbox{
...and so on

問題

這就是我的登錄頁面。 請注意背景圖片。 它沒有居中，而我假設CSS腳本會完成這項工作。 另外，如果我使用不正確的憑據按Login按鈕，因此在重新加載后返回此頁面本身，則圖像居中（如下圖所示）。 請幫助我了解我在做什么錯，以及為什么stylelogin.css的body部分沒有執行所需的操作。 謝謝...

編輯

background-size: 100vh 100vw; 得到：

Answer 1

嘗試這個

body {
        background: url(nohisto/media/test.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

圖片未居中

問題描述

1 個解決方案

解決方案1
1 已采納 2019-07-15 17:04:13

圖片未居中

問題描述

1 個解決方案

解決方案1 1 已采納 2019-07-15 17:04:13

解決方案1
1 已采納 2019-07-15 17:04:13