Css Internet Explorer 8显示渐变而不是背景图像

我有一个奇怪的错误。我将一个半透明的1x1像素黄色图像平铺在一个DIV中，该DIV覆盖了一些文本。在普通浏览器中，一切看起来都应该如此。上面有一些文字和一个黄色半透明的覆盖层

但是，在Internet Explorer 8中，显示的不是平铺1x1 PNG图像，而是渐变（！）

CSS非常简单：

.edit_section_overlay {
  position: absolute;
  z-index: 150;

  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;

  border: 1px solid #afad9d;
  background: url('../../images/content/edit/section/overlay/background-color.png') repeat;

  min-height: 34px;
  cursor: move;
}

我以前从未见过这样的错误，谷歌也帮不了我

---

这里有一个演示，

您的

.png

图像需要更大的尺寸，至少

1x2

而不是

1x1

见：

Internet Explorer 8不执行 1x1像素的重复 半透明背景图像 当任何其他元素打开时正确 页面正在使用“-ms过滤器” 用于alpha透明度的drective

---

你能给我们一个演示网站的链接吗？为什么你首先使用半透明背景图像而不是半透明背景颜色？100%确定你没有使用任何特定于IE的css？很奇怪effect@phihag这里有一个关于JSFiddle的演示：（我使用的是IE8.0.7600.16385）@Alex绝对没有IE特有的东西，看看JSFiddle：我很惊讶没有更多的人在这里投票支持这个问题和答案，因为它是如此普遍+1.