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

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:

background-size:500px auto;