div border radius问题(在firefox和opera上)

Question

如你所见,有两张照片.首先,在chrome上.右侧有Beğen和Yorumlar按钮.Border看起来非常好..

但第二张照片显示; firefox和opera有边框radius.I尝试做border-witdh:thin,border:1px solid等.但它看起来一样.

如何处理呢？你有什么主意吗 ？

对不起我的英语.谢谢

铬上的图像

关于ff和歌剧的图像

Answer 1

这种效应通常被称为"背景渗出"或"泄漏".它可以通过一些简单的CSS修复:

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;

我首先从Mike Harding的博客中了解到这一点:http:
//tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed

这是W3C规范:http:
//www.w3.org/TR/css3-background/#the-background-clip