image2是壁纸大小jpg,image1是一个小图片。
为什么image1会变大,如何在image2上以原始大小显示?
html {
background: url("image1.jpg") no-repeat, url("image2.jpg") no-repeat center center fixed;
}
答案 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标签背景图片总是无法伸展它。