Question

我在Windows8下的IE10中遇到以下问题，只使用带有repeat-x背景的普通和简单div，并且当使用透明png工件时出现。

结果： http://s18.postimg.org/9tn3dlsqx/artifacts.png

以下是示例代码：

CSS

div.field { height: 762px; background-image: url(../img/background_grass.png) repeat-x; width: 5000px; left: -700px; position: absolute;  }
div.graphics { overflow: hidden; width: 3840px; position: absolute; background: url(../img/path_1.png); height: 640px; top: 315px; left: -1000px;}

和html

<!DOCTYPE html>
<html>
<head>
    <title>MyForest - Идея по-чисто</title>
    <meta charset="UTF-8" />
    <link href="styles/styles.css" rel="stylesheet" />
</head>

<body>
    <div class="field"></div>
    <div class="graphics"></div>
</body>

Answer 1

我遇到了同样的问题。尝试更改图像的高度或宽度。

似乎会发生大png背景图像，当它们重复时具有一定的高宽比。在我的情况下，图像宽2000像素，高1000像素，背景的右侧最终重叠88像素（背景最终为2088像素。在我的情况下，我使用透明的png，包裹图形略微透明。更奇怪的是，如果我将图像2000px提高到2000px，问题就会消失。

太糟糕了......我希望IE在版本10上有所改进，我们不再需要处理这些怪癖了。

使用带背景重复的alpha png时会出现IE10瑕疵

1 个答案: