gpt4 book ai didi

html - 我没有重复背景图片,但如何拉伸(stretch)图 block ?

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

嗨,请不要抨击我或给我投反对票,因为我确实花了时间并试图找到答案。根据我的搜索,这就是我所拥有的。我正在尝试制作一个背景图像作为我的 body ,但是当我没有重复时,它只是一个瓷砖而不是拉伸(stretch)。我一直在试图找到一个可以扩展它的代码,但什么也没有。我尝试了 youtube 并尝试在此处查看

这是我的代码

body{
background-image: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRQoLWn_NOGkZO2BIkZyQud4OmegjxPMctGAZQAlKSf1DJvmsLyvA);
background-repeat:no-repeat;
}

我的 HTML

<html>
<body>

<div id="container">
</div>


</body>
</html>

最佳答案

Embedded Demo
jsFiddle Demo with code

比使用 body 元素更好的方法是放置一个 div 来为您执行此操作。

<head>
<style>
#background{
background-image: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRQoLWn_NOGkZO2BIkZyQud4OmegjxPMctGAZQAlKSf1DJvmsLyvA);
position:fixed;
right:0;left:0;top:0;bottom:0;
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id="bacgrkound"></div>
</body>

关于html - 我没有重复背景图片,但如何拉伸(stretch)图 block ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21394023/

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