Question

所以，现在，我有一个不随浏览器大小缩放的背景图像，因此，当您缩小浏览器窗口时，它会切断右侧的图像并保持固定在左侧。有没有什么方法可以编辑CSS，所以图像的右边缘总是在浏览器的右边缘，当窗口收缩时它会切断左边？

使用下面的建议后，我的CSS目前看起来像这样：

.header-container { background: url(/**/) no-repeat; width: 100%; min-width: 1600px; height: 542px; background-attachment: fixed; background-position: top right; }

哪个更近，但不太正确。

Answer 1

使用CSS更改background-position

background-position: top right;

我在这里测试了它：http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position_percent

将代码更改为：

<!DOCTYPE html>
<html>
<head>
<style>
body { 
    background-image: url('smiley.gif');
    background-attachment: fixed;
    background-position: top right; 
}
</style>
</head>

<body>
</body>

</html>

当窗口大小减小CSS时，从左侧切断图像

1 个答案: