在另一个背景上显示其原始大小的图像背景

时间:2016-10-05 12:25:27

标签: html css html5 css3

image2是壁纸大小jpg,image1是一个小图片。

为什么image1会变大,如何在image2上以原始大小显示?

html {
      background: url("image1.jpg") no-repeat, url("image2.jpg") no-repeat center center fixed;
}

3 个答案:

答案 0 :(得分:0)

你的问题不是很明确,但我会尽力帮助你。

首先,我会查看这篇关于背景图片堆叠的文章,它将在订单方面为您提供帮助:

https://css-tricks.com/stacking-order-of-multiple-backgrounds/

我建议您需要执行以下操作:

html {
  background: 
    url("image2.jpg") no-repeat center center fixed,
    url("image1.jpg") no-repeat; 
}

根据浏览器支持情况,您可能还需要备用。

如果你能提供一个codepen,它会有所帮助

答案 1 :(得分:-1)

尝试类似

的内容
html {
  background: 
    url("image1.jpg") 
    no-repeat; 
}
.image2 {
    url("image2.jpg") 
    no-repeat center center fixed;
}
    <html>
     <div class="image2"></div>
    </html>

答案 2 :(得分:-1)

答案是html标签背景图片总是无法伸展它。