您可以使用
box-decoration-break值为的属性
clone。
box-decoration-break: clone;
每个框片段都使用指定的边框进行独立渲染，并用边距和边距包裹每个片段。边界半径，边界图像和框阴影分别应用于每个片段。在每个片段中独立绘制背景，这意味着具有背景重复：不重复的背景图像可以重复多次。-
h1 { font-weight: 800; font-size: 5em; line-height: 1.35em; margin-bottom: 40px; color: #fff;}h1 span { background-color: rgba(0, 0, 0, 0.5); padding: 0 20px; -webkit-box-decoration-break: clone; box-decoration-break: clone;}<h1><span>The quick brown fox jumps over the lazy dog.</span></h1>
