IE不会在CSS backround中显示重复的单词

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;