全尺寸背景图像交叉浏览器CSS

全尺寸背景图像交叉浏览器CSS,css,background,background-image,Css,Background,Background Image,我一直在尝试使用完整图像作为背景,我已经使用了所有这些方法: …它们确实有效,但在某些分辨率下,图像会被剪切。有没有人为不使用Jquery的完整背景图像提供了干净的交叉浏览器解决方案 谢谢 body{ background: url(bg.jpg) fixed 50% / cover; } 如果需要,记得设置html,body{height:100%;};对于非主体元素,您可以删除固定 body{ background: url(bg.jpg) fixed 50% / cover;

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

…它们确实有效,但在某些分辨率下,图像会被剪切。有没有人为不使用Jquery的完整背景图像提供了干净的交叉浏览器解决方案

谢谢

body{
  background: url(bg.jpg) fixed 50% / cover;
}
如果需要,记得设置
html,body{height:100%;}
;对于非
主体
元素,您可以删除
固定

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

如果需要,记得设置
html,body{height:100%;}
;对于非
主体
元素,您可以删除
固定

您可以指定具体要求吗?如果图像永远不会被剪切,它如何能够正确地保持其纵横比?还是允许空白?你说的“跨浏览器”是什么意思?旧版本的浏览器需要支持多久?@Spudley我看到了CSS3标签,所以我觉得很明显…:|可能的dup:这主要发生在移动设备浏览器和一些笔记本电脑上。。。我想保持这个比例,但我主要担心的是图像会被剪切到屏幕边缘,所以如果你滚动,你会看到白色。。。我不确定你的解释是否正确……你能具体说明你的具体要求吗?如果图像永远不会被剪切,它如何能够正确地保持其纵横比?还是允许空白?你说的“跨浏览器”是什么意思?旧版本的浏览器需要支持多久?@Spudley我看到了CSS3标签,所以我觉得很明显…:|可能的dup:这主要发生在移动设备浏览器和一些笔记本电脑上。。。我想保持这个比例,但我主要担心的是图像会被剪切到屏幕边缘,所以如果你滚动,你会看到白色。。。我不确定解释是否正确…谢谢,我会尝试一下…我的意思是,当你看到一个有完整图像背景的网站时,你滚动(因为你在移动或小分辨率设备上),你不应该看到白色。。。我想得到的图像采取100%的大小不是屏幕大小,但内容。。。这有意义吗?背景尺寸:封面不是跨浏览器的。@472084几年后就会是;)谢谢,我会试试……我的意思是,当你看到一个有完整图像背景的网站,你滚动(因为你在移动或小分辨率设备上)时,你不应该看到白色。。。我想得到的图像采取100%的大小不是屏幕大小,但内容。。。这有意义吗?背景尺寸:封面不是跨浏览器的。@472084几年后就会是;)