这最好用图像来解释。
火狐，对：
铬，错误：
这是一个（全绿色）图像，具有 2px（红色）边框和 6px 边框半径。在我的设计中，边框几乎看不到，所以图像在 Chrome 中看起来完全是方形的。
是否可以在没有额外标记或 javascript 的情况下在 Chrome 中获得正确的结果？
问问题
120 次
2 回答
2
我不相信你可以用 Chrome 做到这一点。图像将超出 的范围border-radius，我认为这是预期的行为（否则他们只是没有注意到）。
例如，当使用 adiv时，您可以看到背景的行为应有尽有。您可以考虑使用 adiv而不是img，并将源图像用作背景（并强制其宽度和高度）。
简单地说：在 Chrome 中，似乎没有办法强制您的图像被自身（甚至其容器）的边框隐藏，除非它被设置为背景。事实上，这个问题之前已经被问过，并且在博客上也被问过（事实上，patrickzdb的评论可能会对你有所帮助）。
于 2012-08-24T22:11:46.733 回答
1
显然这是chrome中的一个错误..
我通常为 chrome 应用 box-shadow 而不是边框。
所以，如果你不介意在没有 javascript 的情况下应用 css hack 来解决它：http: //jsfiddle.net/3cuHU/
于 2012-08-24T22:29:53.763 回答