css - box-decoration-break 的替代品

Question

对于 IE，是否有替代 box-decoration-break 的方法？

我的客户需要 IE 的工作解决方案，但 IE 不支持。

.class1 {
  display: inline;
  padding: 32px 20px 16px;
  margin-left: -20px;
  background-color: #000;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.class2 {
  color: #fff;
  display: inline;
  position: relative;
  z-index: 40;
  padding: 0;
}

<span class="class1">
   <h1 class="class2">Lorem Ipsum Ipsum</h1>
</span>

Answer 1

“Box-shadow”是一个不错的选择。

blockquote span {
   font-size: 1.4em;
   line-height: 1.8em;
   display: inline;
   color: #fff;
   background: blue;
   box-shadow: 6px 0 0 5px blue, -6px 0 0 5px blue;
}

https://codepen.io/herrfischer/pen/xxKVKPo

支持更好 (IE 9)。