在调整大小时左侧剪切背景图像

Question

我无法弄清楚如何制作它，以便当一个窗口无法显示整个图像时，它会切割左边的图像。

This code总是使用以下方式削减右侧：

img {
      position:fixed;
}​

Answer 1

如果要在调整大小时剪切左侧，则只需添加right:0;。检查这个小提琴：http://jsfiddle.net/H3Vqc/1/并测试。

进一步：

• 如果您想在调整浏览器的大小时调整图片大小，请使用width: 100%。
• 如果您要隐藏右侧设置position: absolute;和left:0;

Answer 2

严格假设您使用css背景，可以使用background-position属性定位图像，并使用宽度和高度将其调整到正确的大小

Answer 3

或者你可以简单地在图像所在的div上应用dir =“rtl”这会产生你想要的结果

 <div dir="rtl"><img src="yourImg.jpg"/>
</div>

Answer 4

您可能希望将max-width: 100%设置为<img>，如下所示：http://jsfiddle.net/H3Vqc/4/