单面灵活背景图片

Question

我想知道如何让背景图像固定在一侧，所以当用户将 window 变小时，背景图像仅从一侧缩小，而另一侧保持清晰。我有这个想法是因为我有一张背景图片，我需要它的右侧始终显示在屏幕上。谢谢。

Answer 1

您可以使用 background 属性来执行此操作，最值得注意的是 background-attachment: fixed; 和 background-position: right top; 这将使图像 "stick" 位于屏幕的右上角.

此外，如果以后该图片不起作用，只需将其替换为任何其他占位符图片即可。选择这个只是为了展示蜘蛛位置的静态性质。

body {
background-image:url("http://creepyhalloweenimages.com/free_halloween_photos/backgrounds/spider_orange_copyspace.jpg");
background-attachment: fixed;
background-position: right top;
background-size: cover;
}

单面灵活背景图片

one-side flexible background image

css

background-image