Css 当窗口大小减小时，从左侧剪切图像_Css_Image_Background_Background Image

Css 当窗口大小减小时，从左侧剪切图像

css image

Css 当窗口大小减小时，从左侧剪切图像,css,image,background,background-image,Css,Image,Background,Background Image,因此，现在，我有一个背景图像，它不随浏览器大小缩放，因此，当您缩小浏览器窗口时，它会切断右侧的图像，并保持左侧的定位。有没有什么方法可以编辑CSS，使图像的右边缘始终位于浏览器的右边缘，并在窗口缩小时切断左边缘在使用下面的建议后，我的CSS当前看起来如下： .header容器{ 背景：url（/**/）不重复；宽度：100%；最小宽度：1600px；身高：542px；背景附件：固定；背景位置：右上角； } 更接近，但不完全正确。使用CSS更改背景位置 background-posit

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

在使用下面的建议后，我的CSS当前看起来如下：

.header容器{
背景：url（/**/）不重复；
宽度：100%；
最小宽度：1600px；
身高：542px；
背景附件：固定；
背景位置：右上角；
}

更接近，但不完全正确。

使用CSS更改

背景位置

background-position: top right;

我在这里测试过：

将代码更改为：

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

<body>
</body>

</html>


正文{
背景图片：url（'smiley.gif'）；
背景附件：固定；
背景位置：右上角；
}

这还不够，当浏览器收缩时，它会粘在右边，这很好，但一旦浏览器小于图像，它仍然会从右边将其切断。请按照我所做的进行测试。也许你需要

背景附件：固定？使用固定附件，当浏览器收缩时，图像会缩小，尽管我已对其高度进行了硬编码，但当我在w3schools页面上执行此操作时，它的行为符合我的要求。我将CSS添加到问题中。我在JSFIDLE中尝试的所有内容仍然按照您希望的方式工作。。。可能尝试使用背景图像
而不是背景
？并添加背景重复：无重复而不是将其放在同一行中？您使用的浏览器/版本是什么？您是否解决过此问题？如果问题解决了，可以发布解决方案，也可以选择答案，这样问题就可以结束了。谢谢