固定整个宽度的高度背景图像

Question

现在我正在使用以下代码将图像缩放到屏幕的整个宽度和高度。我实际上想要实现的是图像本身保持其原始高度，但如果用户缩小浏览器，它会切断图像的两侧。有谁可以帮我解决？

html{
    background: url(jup.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='jup.png',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='jup.png', sizingMethod='scale');
}

Answer 1

您可以使用背景大小的值：

background-size:500px auto;