gpt4 book ai didi

php - 图片不居中

转载 作者:太空宇宙 更新时间:2023-11-04 06:03:55 25 4
gpt4 key购买 nike

我有一个 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

问题

enter image description here

这是我的登录页面的样子。请注意背景中的图像。它没有居中,而我假设 css 脚本会完成这项工作。此外,如果我使用不正确的凭据按下 Login 按钮,并因此返回到此页面本身,但在重新加载后,图像将居中(下图)。请帮助我理解我做错了什么,以及为什么 stylelogin.css 中的 body 部分没有执行所需的操作。谢谢...

enter image description here

编辑

background-size: 100vh 100vw; 给出:

enter image description here

最佳答案

试试这个

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;
}

关于php - 图片不居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57043986/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com