Question

我目前正在尝试在我的主页上制作我的背景图片以延伸整个页面，但是我在执行此操作时遇到了困难，因为当我尝试重新调整窗口大小时它会变小？

这是我的代码：

#rsync -avvH --include="*/" --include="*.txt" --exclude="*" src/ dst/
sending incremental file list
./
a/
a/1.txt
b/
c/
c/3.txt
d/

有没有办法可以为我的网站主页获取图像并将其拉伸到整个页面，就像twitter对其背景图像所做的那样;但一旦开始变小，它就不会缩小？谢谢！

Answer 1

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>

背景图像拉伸在主页上

1 个答案: