Html 背景色显示为薄边框

我有一个问题，黑色背景颜色在我的HTML/CSS中显示为薄边框。内容基本上是一个div行，带有一些

背景色：白色

里面有潜水艇。黑色背景色设置为on

.lip

我试着申请了

边框：无；大纲：无

但是没有用。我在网上找不到一个好答案。有人知道为什么会这样吗？这是jsfiddle
 我听说您可以使用
背面可见性：hidden获得一些奇怪的结果。lip
摆脱了奇怪的边界。
我听说，使用
背面可见性：隐藏。lip
摆脱了奇怪的边界。
删除该代码

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

从

删除该代码

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

从

谢谢，这很有效：）。如果你不介意的话，你知道为什么会出现问题吗？谢谢，这很有效：）。如果你不介意的话，你知道问题的原因吗？