gpt4 book ai didi

jquery - CSS 背景图片加载半尺寸

转载 作者:太空宇宙 更新时间:2023-11-04 09:15:49 26 4
gpt4 key购买 nike

我有一个问题,在 CSS 中我包含了一个图像作为背景,但它只加载或显示了一半大小...

我的代码:

CSS:

html, body { 
margin: 0;
padding: 0;
}

#background
{ background-image: url("../img/background.png"); }

HTML:

<body>
<div id="background">
<div class="container">
<?php include("template/navigation.php"); ?>

<?php
if(isset($_GET["page"])) $page = $_GET["page"];
else $page = "home";
if(file_exists('pages/'.$page.'.php'))
include('pages/'.$page.'.php');
else include("pages/home.php");
?>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>

我尝试更改背景大小,但没有任何反应。如果我使用高度,它看起来很糟糕......有人可以帮助我吗?

这就是它现在的样子,但我希望图像具有全高... enter image description here

最佳答案

在这种情况下,您需要将背景分配给您的 body :

body { background-image: url("../img/background.png"); }

或者,给 #background 更高的高度:

#background{ height: 100vh; background-image: url("../img/background.png");}

它是一个 div,它的高度与其中的内容一样高。

关于jquery - CSS 背景图片加载半尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41782824/

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