Question

我正在我的网站上工作，我已经添加了一些图像，现在我想设置一个背景，主要，其他人将覆盖，是否可能？

输入background-image:url("myphoto.jpg")对我不起作用。有任何想法吗？谢谢！

Answer 1

为要应用背景图像的潜水提供背景课程。并按以下方式给出css：您可以这样做：

    <div class="background"></div>

and style css would be:

.background{
background: url("myphoto.jpg") no-repeat center center;
background-repeat: no-repeat;
background-size: 100% 100%;
}

Answer 2

   body {
      background: url("myphoto.jpg") no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

Answer 3

@Hiren是正确的，但你需要＆＃34;定位＆＃34;想要的图像，fx。如果我说我的www文件夹是我的主文件夹，我有一个index.html和一个名为IMG的子文件夹，在里面我有myphoto.jpg

然后应将以下内容设置为网址：url("img/myphoto.jpg")

＆＃13;

body {
      background: url("https://www.qdtricks.net/wp-content/uploads/2016/05/hd-road-wallpaper.jpg") no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

＆＃13;

Answer 4

  background: url("{{asset('staticImage/wallpapers/wall_num10.jpg')}}") no-repeat center center fixed !important;

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

CSS：如何设置适合屏幕的背景图像？

4 个答案: