IE9圆角和透明背景问题

我搜索了很多，但我真的找不到答案。IE9圆角和透明背景问题

我有各种各样的圆形边框，处处都很好，除了使用img作为背景的元素（图像变得很好的圆角，但后面是某种黑色背景）。

图片为问题更容易理解：

http://i42.tinypic.com/2rpra8n.png

我真的被困在此。任何建议是这个IE问题或我错过了什么？

CSS灰色标题是这样的：

#header { 
    background-image: url("images/bg-header.png"); 
    background-repeat: repeat-x; 
    border-radius: 4px 4px 0 0; 
    color: #FFFFFF; 
    font-size: 13px; 
    font-weight: bold; 
    height: 46px; 
    line-height: 46px; 
    padding: 0 0 0 15px; 
    text-shadow: 0 -1px 0 #332829; 
    width: 575px; 
}

FIDDLE：

http://jsfiddle.net/2BnDR/2/

来源

2012-04-22 ProDraz

您可以创建一个jsFiddle演示来重现问题吗？ – kapa 2012-04-22 14:57:39

也会尝试去做... – ProDraz 2012-04-22 15:08:39

@bažmegakapahttp://jsfiddle.net/2BnDR/2/ ---它不是IE9，因为我不能复制它，我猜... – ProDraz 2012-04-22 18:34:40

我计算过，IE9不奇怪的黑色背景您可以在上面的打印屏幕上看到周围的元素和错误。当你在同一个元素上有盒子阴影或文字阴影+滤镜时。

我已经删除了我的CSS中的所有过滤器，并且它可以作为魅力使用。

例如，

.header { 
    filter: dropshadow(color=#3e3132, offx=0, offy=-1); /* delete this one and it works */ 
    text-shadow: 0px -1px 0px #3e3132; 
}

来源

2012-04-24 12:45:17 ProDraz

+1我也遇到了这个问题，并在你的答案中找到原因 – 2012-07-06 08:08:24

也许试试这个：

#DivThatImageIsIn img{ 
    border-radius: same as div; 
}

来源

2012-04-22 15:09:03

我已经发布了标题的CSS ...希望它有帮助。 – ProDraz 2012-04-22 15:14:42

有无论如何，你可以连接到我的工作地点？ – 2012-04-22 17:54:50

http://jsfiddle.net/2BnDR/2/ ---它不是IE9，因为我无法复制它，我猜... – ProDraz 2012-04-22 18:34:30

IE9圆角和透明背景问题

回答

相关问题