单面灵活的背景图像

Question

我想知道如何在一侧固定背景图像，因此当用户使窗口变小时，背景图像仅从一侧缩小，而另一侧保持清晰。我有这个主意，因为我有一个背景图像，我需要它的右侧始终在屏幕上。感谢。

Answer 1

您可以使用background属性执行此操作，最明显的是background-attachment: fixed;和background-position: right top;这会导致图像“粘在”屏幕的右上角。

此外，如果将来图像不起作用，只需将其替换为任何其他占位符图像。选择这个只是为了展示蜘蛛位置的静态特性。

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;
}