Css IE9圆角和透明背景问题
我找了很多,但我真的找不到答案 我有更圆的边界,到处都很好,除了使用img作为背景的元素(图像有很好的圆角,但后面是某种黑色背景) 为便于理解问题,请参见以下图片: 我真的被这件事缠住了。这是IE问题还是我遗漏了什么 灰色标题的CSS如下所示:Css IE9圆角和透明背景问题,css,internet-explorer-9,Css,Internet Explorer 9,我找了很多,但我真的找不到答案 我有更圆的边界,到处都很好,除了使用img作为背景的元素(图像有很好的圆角,但后面是某种黑色背景) 为便于理解问题,请参见以下图片: 我真的被这件事缠住了。这是IE问题还是我遗漏了什么 灰色标题的CSS如下所示: #header { background-image: url("images/bg-header.png"); background-repeat: repeat-x; border-radius: 4px 4px 0 0;
#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;
}
小提琴:
http://jsfiddle.net/2BnDR/2/
试试这个,也许:
#DivThatImageIsIn img{
border-radius: same as div;
}
我发现IE9在元素和bug周围有着黑色的背景,就像你在上面的打印屏幕上看到的那样。当同一元素上有框阴影或文本阴影+过滤器时 我已经从我的CSS中删除了所有的过滤器,它就像魅力一样 例如
你能创建一个再现问题的JSFIDLE演示吗?我也会尝试这样做…@bažmegakapa--它不是IE9,因为我不能复制它,我想…检查了你的演示,没有在IE9中看到问题。也许试着添加那个红色的圆圈。我已经发布了标题的CSS。。。希望有帮助这不是IE9,因为我无法复制它,我猜…+1我也面临这个问题,并在你的答案中找到了原因
.header {
filter: dropshadow(color=#3e3132, offx=0, offy=-1); /* delete this one and it works */
text-shadow: 0px -1px 0px #3e3132;
}