在Firefox和Chrome上，带有边框的图像的边框半径是不同的

这最好用图像来解释

Firefox，右：

铬，错了：

这是一个（全绿色）图像，具有2px（红色）边框，边框半径为6px。在我的设计中，边框几乎看不见，因此图像在镀铬中看起来完全是方形的

---

在Chrome中不需要额外的标记或javascript就可以获得正确的结果吗？

我不相信你能用Chrome做到这一点。图像将扩展到

边界半径的范围内，我认为这是预期的行为（或者他们只是没有注意到）

例如，当您可以看到背景的行为与它应该的一样时。您可以考虑使用源图像作为背景（并强制其宽度和高度）。

直截了当地说：在Chrome中，似乎没有办法强迫你的图像被其自身（甚至其容器）的边框隐藏，除非它被设置为背景。事实上，这个问题，以及（事实上，patrickzdb的评论可能会对你有所帮助）。
我不相信你能用Chrome做到这一点。图像将扩展到
边界半径的范围内，我认为这是预期的行为（或者他们只是没有注意到）

例如，当您可以看到背景的行为与它应该的一样时。您可以考虑使用源图像作为背景（并强制其宽度和高度）。

直截了当地说：在Chrome中，似乎没有办法强迫你的图像被其自身（甚至其容器）的边框隐藏，除非它被设置为背景。事实上，这个问题，以及（事实上，patrickzdb的评论可能会对你有所帮助）。
显然这是chrome中的一个bug

我通常为chrome应用框阴影，而不是边框

因此，如果您不介意在不使用javascript的情况下应用css hack来解决此问题：
显然，这是chrome中的一个bug

我通常为chrome应用框阴影，而不是边框

因此，如果您不介意在没有javascript的情况下应用css hack来解决它：
您知道，最初我没有考虑使用
div
而不是
img
，原因很简单：它们是化身，我必须在标记中生成它们。但后来我发现，我也可以用
将图像放在标记中，因此我认为这解决了问题：）你知道，最初我没有考虑使用
div
而不是
img
，原因很简单：它们是化身，我必须在标记中生成它们。但后来我发现，我也可以用
将图像放在标记中，因此我认为这解决了问题：）我没有考虑框阴影的扩散！这确实是个好把戏。我之所以选择另一种解决方案，只是因为它不需要我在这里或那里更改填充/边距（边框说明大小，而框阴影则不需要），但它肯定和解决方案一样有效。我希望我也能勾选你，因为阴影作为边界的技巧在其他地方也很有用。我没有想到盒子阴影的扩散！这确实是个好把戏。我之所以选择另一个解决方案，是因为它不需要我在这里或那里更改填充/边距（边框占大小，而框阴影不占大小），但它肯定和解决方案一样有效。我希望我也能勾选你，因为阴影作为边框的技巧在其他地方也很有用。