Firefox无法使用以下方式正确呈现：border-radius，box-shadow和border

这是因为边框的渲染方式：在div上绘制。这是另一个“半像素”问题，边框颜色会与div背景颜色混合在一起……请看一下边框半径：50％的人无法在Chrome或IE11中产生完美的圆，在定位的元素之间画了一条小线。这些不是相同的问题，但是具有相同的来源。

可能更简单的解决方法是跳过div的边框宽度，并使用新包装div的背景设置“假”边框：

在您的html中：

<div class="fakeborder"><div class="sub">Hm</div></div>

并在您的CSS中：

.sub {
    ...
    border: 0px solid black;
    ... 
}

.fakeborder{
    margin:0;
    padding:10px;     /*The fake border width*/
    background:black; /*The fake border color*/
}