Html 背景大小包含不在internet explorer中工作_Html_Css_Contain

Html 背景大小包含不在internet explorer中工作

html css

Html 背景大小包含不在internet explorer中工作,html,css,contain,Html,Css,Contain,我使用的是Chrome，代码运行良好，但是，当我将其加载到Internet Explorer中时，它会以实际大小显示图像，而不是缩放以适应屏幕。我希望图像位于页面的左侧，从上到下覆盖，而不是从左到右。我希望它保持不变，以便正确缩放图像。这是我得到的。有没有更简单的方法？我正在使用Internet Explorer 8。预计到达时间：图像为340x554px <!DOCTYPE html> <html> <head> <style> body{

我使用的是Chrome，代码运行良好，但是，当我将其加载到Internet Explorer中时，它会以实际大小显示图像，而不是缩放以适应屏幕。我希望图像位于页面的左侧，从上到下覆盖，而不是从左到右。我希望它保持不变，以便正确缩放图像。这是我得到的。有没有更简单的方法？我正在使用Internet Explorer 8。预计到达时间：图像为340x554px

<!DOCTYPE html>
<html>
<head>

<style>
body{
background-color:#000000;
}

#logo{
top:0;
bottom:0;
left:0;
position:absolute;
background-image:url('logo.jpg');
background-size: contain; 
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-repeat:no-repeat;
height:100%;
width:100%;
}

</style>
<title>Title</title>
</head>
<body>
<div id="logo">

</div>


</body>
</html>


身体{
背景色：#000000；
}
#标志{
排名：0；
底部：0；
左：0；
位置：绝对位置；
背景图片：url（'logo.jpg'）；
背景尺寸：包含；
-webkit背景大小：包含；
-moz背景大小：包含；
-o-背景尺寸：包含；
背景重复：无重复；
身高：100%；
宽度：100%；
}
标题

如果您不使用精灵，且应用背景的容器内没有链接，则可以使用IE8的此修复程序：

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/image.jpg',
    sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/image.jpg',
    sizingMethod='scale')";

背景尺寸：包含；非常感谢。这似乎几乎可以工作，但它仍然没有触及浏览器窗口的底部，当我调整窗口大小时，它会切断图像的底部。我想我的CSSOops中有个错误。我试过了，现在它适合整个屏幕，而不仅仅是容器。（很抱歉，IE阻止了初始脚本，当我取消阻止它时，图像占据了整个屏幕）然后你需要对答案进行投票，而不是将我的答案应用于你的代码：）你知道这很礼貌；）很抱歉。当我在div中设置宽度时，它将缩放到该大小。我想设置高度和宽度保持在图像的原始比例。图像位于屏幕的左角，如果我使用width:100%，它可以在Chrome中工作，但在IE8中它可以扩展到整个屏幕。有什么想法吗？非常感谢。