gpt4 book ai didi

html - 背景大小包含在 Internet Explorer 中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 03:39:41 25 4
gpt4 key购买 nike

我使用的是 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/

25 4 0
文章推荐: html - CSS如何在
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com