Question

我经常搜索，但我找不到答案。

我到处都是圆形的边框，到处都很好，除了使用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/

Answer 1

尝试这个：

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

Answer 2

我认为IE9确实是黑色背景环绕元素和你在上面的打印屏幕上看到的错误。当你在同一个元素上有box-shadow或text-shadow + filter时。

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

例如

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

IE9圆角和透明背景问题

2 个答案: