个人中心
gpt4 book ai didi

css - 如何将背景图像放在另一个背景图像的正中心

转载 作者：行者123 更新时间：2023-11-28 17:02:28 26 4
gpt4 key购买 nike

我想将一张背景图片放在另一张背景图片的正中央，但我不确定该怎么做。

我的html如下

<body>
    <div class="bg">
    </div>
</body>

我的 CSS 是:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html, body {
        height: 100%;
        margin: 0px;
        font-family: Raleway, sans-serif;
}

.bg {
    height: 100%;
    background-image: url('../images/mississauga.jpg');

    background-repeat: no-repeat;
    background-size: cover, ;
    background-position: center;
}

提前致谢

最佳答案 

 /*use this in html may be it will work 
         <body>
   <div class="bg">
        <div class="bg1">
        </div>
      </div>
   </body> */


   * {
       margin: 0;
       padding: 0;
        box-sizing: border-box;
     }

     html, body {
    height: 100%;
    margin: 0px;
    font-family: Raleway, sans-serif;

    .bg {
      height: 100%;
       background-image: url('../images/mississauga.jpg');

       background-repeat: no-repeat;
          background-size: cover, ;
         background-position: center;
        }

     .bg1
       { width:100%;
         height:100%;
           background: url('../images/mississauga.jpg') no-repeat center center;


          }

关于css - 如何将背景图像放在另一个背景图像的正中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52088227/

26 4 0
文章推荐： 用于将串在一起的单词拆分为单个单词的 Python 函数
文章推荐： javascript - javascript/typescript/Angular 中的逗号分隔符
文章推荐： python - pyTorch 中的矩阵乘法
文章推荐： PHP/CSS : My session variable is not loaded