我使用的是 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>
最佳答案
如果您不使用 sprite 并且应用背景的容器内没有链接,您可以对 IE8 使用此修复程序:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/image.jpg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/image.jpg',
sizingMethod='scale')";
关于html - 背景大小包含在 Internet Explorer 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25093787/