全尺寸背景图像跨浏览器 CSS [关闭]答案

【问题标题】：Full Size Background Image Crossbrowser CSS [closed]全尺寸背景图像跨浏览器 CSS [关闭]
【发布时间】：2014-10-22 19:00:05
【问题描述】：

我一直在尝试使用完整的图像作为背景，我已经使用了所有这些方法：

...它们确实有效，但在某些分辨率下，图像会被剪切。是否有人为不使用 Jquery 的完整背景图像提供了一个干净的跨浏览器解决方案？

谢谢

【问题讨论】：

您能具体说明您的要求吗？如果图像永远不应该被剪切，它怎么能正确地保持它的纵横比呢？还是允许空格？
“跨浏览器”是什么意思？就旧浏览器版本而言，您需要支持多远？
@Spudley 我看过 CSS3 标签，所以我认为很明显......：|
可能重复：stackoverflow.com/questions/7715766/…
它主要发生在移动设备浏览器和一些笔记本电脑上......我想保持这个比例，但我主要担心的是图像被剪切到屏幕边缘，所以如果你滚动你会看到白色......我不确定是否解释正确......

【解决方案1】：

Live demo

body{
  background: url(bg.jpg) fixed 50% / cover;
}

_{如果需要记得设置html, body{ height:100%; }；对于非body 元素，您可以删除fixed。}

【讨论】：

谢谢，我会尝试...我的意思是，当您看到一个具有完整图像背景的网站并滚动时（因为您使用的是移动设备或小分辨率设备）你不应该看到白色...我想让图像 100% 大小不是屏幕大小，而是内容...这有意义吗？
背景尺寸：封面不是跨浏览器。
@472084 几年后会是 ;)