html - 缩小时背景图片的解决方法

Question

我有一个 PSD 模板可以将其转换为 HTML。缩小浏览器时如何处理背景食物图像(图像上以红色突出显示)？总宽度为 1300px，容器为 1000px。最好的方法是什么？我会重复吗？如何？你会怎么办？谢谢。

Answer 1

请试试这个:

html { 
  background: url(images/yourimage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}