gpt4 book ai didi

html - CSS:Internet Explorer(任何版本)中的奇怪平铺错误

转载 作者:搜寻专家 更新时间:2023-10-31 08:44:18 24 4
gpt4 key购买 nike

因此,我得到了这个需要平铺的相当大的叠加层,在我进入 Internet Explorer 之前,一切都按预期工作。在 Internet Explorer 上,当它水平“平铺”时,我得到这些不属于原始文档的奇怪行。

有问题的 HTML 和 CSS:

<html>
<head>
html {
width: 100%;
height: 100%;
margin: 0;
}

body {
margin: 0;
width: 100%;
height: 100%;
position: relative;
background-color: #CCCCEF;
}

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://dl.dropboxusercontent.com/u/177486/grit.tiny.png');
background-position: -900px 0%;
z-index: 1;
}
</head>
<body>
<div class="overlay"></div>
</body>
<html>

这是一张图片,展示了它的作用:

enter image description here

Example on JSFiddle

最佳答案

绝对是一个 IE 错误。找到半答案 here .基本上,在 Windows 8+ (IE 10/11) 上具有 alpha 和特定宽高比的图像将重现这一点。切换到 1:1 宽高比图像(在本例中)将避免平铺错误。这不是一个很好的解决方案,因为您必须修改图像,但如果您可以修改图像尺寸 - 它会起作用。

关于html - CSS:Internet Explorer(任何版本)中的奇怪平铺错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28348239/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com