IE8 Border Radius图像问题

时间:2013-05-02 10:23:42

标签: html css internet-explorer-8

我正在寻找IE8中的任何工作解决方案来解决我遇到的这个小问题。由于某种原因,css派在我们正在研究的服务器上工作不佳,所以我们不得不使用IE8特定样式表的图像来排序一些怪癖。

在右侧有一个需要圆角的脸部面板,到目前为止我在面板顶部有一个图像给它一个圆角,但理想情况下我们也希望底部有圆角,但我只是无法弄清楚如何。谁能解开一些光明?欢迎快速脏修复!

附加图片 - 与IE8相比,了解它在webkit中的表现:

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

谢谢你们!

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

1 个答案:

答案 0 :(得分: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