2013-05-02 84 views
0

我正在寻找任何在IE8中的工作解决方案,我有这个小问题。出于某种原因,css pie在我们正在开发的这个服务器上效果不佳,所以我们不得不使用IE8特定样式表的图片来排列一些怪癖。IE8边框半径图像问题

在右侧有一个需要圆角的脸部面板,到目前为止,我在面板的顶部有一个图像来给它一个圆角,但理想情况下,我们也希望在底部有圆整的角色,但是我无法弄清楚如何。任何人都可以点亮一下吗?快速脏的修补程序是受欢迎的!

图片连接 - 看看它是如何在WebKit的相比,IE8:

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

谢谢你们!

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

+1

请问你只是在IE8上做什么的最小工作例子?这比通过网站代码抓取更好,也适合未来的访问者。 – Uooo 2013-05-02 10:35:09

+0

可能的重复http://stackoverflow.com/questions/9426979/border-radius-for-ie8 – Ozzy 2013-05-02 10:53:53

回答

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上

+0

感谢皮特,这是我最终做的。因为它使用的是Drupal模块,所以我不得不使用一些jQuery .wrapAll为该块div添加一个新的div。感谢您的回答! – rowefx 2013-05-02 12:57:59