logo标签列表

互联网浏览器8显示渐变而非背景图片。

cssinternet-explorerinternet-explorer-8
35

我遇到了一个奇怪的错误。我正在将一个半透明的1x1像素的黄色PNG图像平铺在一个DIV上，该DIV覆盖了一些文字。在正常的浏览器中，一切看起来都和应该的一样。有一些文本和一个黄色的、半透明的覆盖在其上方。

这是在Chrome中的样子

但是，在Internet Explorer 8中，它并没有铺设1x1的PNG图像，而是显示了一个渐变！

这是在Internet Explorer 8中的样子

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;
}

我以前从未见过这样的错误，Google也没有帮助到我......

这是一个在jsFiddle上的示例：http://jsfiddle.net/jUVfS/

1
你能给我们提供一个演示网站链接吗？为什么一开始要使用半透明背景图片而不是半透明背景颜色？ - phihag
你确定你没有使用任何IE特定的CSS吗？这个效果非常奇怪。 - Alex
1
@phihag 这是在 JSFiddle 上的演示：http://jsfiddle.net/jUVfS/（我正在使用 IE8.0.7600.16385） - Lukas
@Alex 绝对不要使用IE特定的东西，看看这个JSFiddle：http://jsfiddle.net/jUVfS/ - Lukas
1个回答
115
8
我很惊讶，更多人没有来这里点赞这个问题和答案，因为它是如此普遍！+1 - Shadi Almosri
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接