html - IE8 Border Radius 图片问题

Question

我正在为我遇到的这个小问题寻找 IE8 中的任何有效解决方案。由于某些原因，css pie 在我们正在处理的服务器上运行不佳，因此我们不得不使用 IE8 特定样式表的图像来解决一些问题。

在右侧有一个需要圆 Angular 的 facebook 面板，到目前为止我在面板的顶部有一个图像来给它一个圆 Angular ，但理想情况下我们也想要底部的圆 Angular ，但我只是想不通如何。任何人都可以阐明一下吗？欢迎快速修复问题!

附上图片 - 看看它在 webkit 中与 IE8 相比如何:

http://i.imgur.com/0A9Ns2v.jpg

谢谢大家!

编辑:我的解决方案是在父级中添加一个额外的 div。谢谢@Pete。

Answer 1

如果您在 #block-facebook-pull-facebook-pull-default 中添加一个额外的 div，然后翻转您的 /images/fb_top.jpg 以创建一个底部图像，您可以将以下样式添加到新的 div 中:

#block-facebook-pull-facebook-pull-default > div
{
   background:url(../images/fb_bottom.jpg) left bottom no-repeat;
}

然后你想要从父 div 中取出所有的填充并将它放到新的 div 上