gpt4 book ai didi

html - 主页上的背景图像拉伸(stretch)

转载 作者:行者123 更新时间:2023-11-28 01:23:38 24 4
gpt4 key购买 nike

我目前正在尝试让主页上的背景图片延伸到整个页面,但我很难做到这一点,因为当我尝试重新调整窗口大小时,它会变小吗?

这是我的代码:

<style type="text/css">
body{
background: url(img/phantom410.jpg); repeat-y;
background-size:cover;
background-color:black;
}
</style>

有没有一种方法可以为我的网站主页获取图像并将其拉伸(stretch)到整个页面,就像 Twitter 对其背景图像所做的那样;但一旦它开始变小就不让它缩小?谢谢!

最佳答案

body { 
background: url(https://css-tricks.com/examples/FullPageBackgroundImage/images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
h1{
color:#FFF;
}
<html>
<head>
<title>Full Background</title>
</head>
<body>
<center><h1>Full Background Image</h1></center>
</body>
</html>

关于html - 主页上的背景图像拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32919094/

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