css - IE 不在 CSS 背景中显示重复的单词

Question

我试图在所有页面的背景中重复一个词。我这里的 CSS 代码在 Firefox 和 Chrome 中运行良好，但在 IE 10 和 11 中它根本不显示。关于如何在 IE 中进行这项工作的任何建议。我也采用任何其他更好的解决方案。

.textmarked::before {
  position: fixed;
  top: -75%;
  left: -75%;
  display: block;
  width: 300%;
  height: 300%;
  transform: rotate(-45deg);
  content: attr(data-textmark);
  font-size: 30px;
  opacity: 0.60;
  line-height: 4em;
  letter-spacing: 2px;
  color: #FF0000;
  z-index: -1;
}

<div class="textmarked" data-textmark="JUST DATA ONLY">
  Content here
</div>

Answer 1

.textmarked::before {
  transform: rotate(-45deg);
  content: attr(data-textmark);
  font-size: 30px;
  opacity: 0.60;
  line-height: 4em;
  letter-spacing: 2px;
  color: #FF0000;
}

<div class="textmarked" data-textmark="JUST DATA ONLY">
  Content here
</div>