子元素不完全适合应用了边框半径和边框样式的父级

Question

正如您在屏幕截图中看到的那样，当有一个边框半径和边框样式应用于父元素，并且子元素位于父元素“上方”通过“position：absolute”时，似乎某些图像在背景在角落里“流血”。

当颜色如果孩子的边框和背景颜色相同时，此效果会很明显。这在所有主流浏览器中都有，所以我猜它不是bug？

这是否有解决方法？

http://codepen.io/iki_xx/pen/EpJmb

Answer 1

我不确定你为什么要使用10px边框。我只是将边框更改为0并且框的大小没有改变，图像的渗透消失。