html - 如何在 html 中设置可在 Internet Explorer 中使用的背景图像？

Question

以下 css 代码在 Internet Explorer 中不起作用。请建议我在 Internet Explorer 中设置背景的解决方案

body {
background: url("images/Login-BG.png") no-repeat center center fixed;

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;
}

Answer 1

旧版本的 IE 不支持background-size:，如果您需要对旧版本的 IE 使用回退，请执行以下操作：

body {
/* ie fallbacks */
background-image: url(images/Login-BG.png);
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/Login-BG.png', sizingMethod='scale')";

/* desired styles */
background: url("images/Login-BG.png") no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Answer 2

为了使您的代码正常工作，您的身体高度需要可能等于图像的高度。

body {
    background: url("images/Login-BG.png") no-repeat center center fixed;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    -o-background-size: cover;

    background-size: cover;
    height: 265px; /* considering that 265 is the image height */
}