Chrome无法打印出文字阴影@media print

Question

我刚刚在表中修改了一些td，因为我使用的是分色背景，我的问题是，当我使用半白半棕色背景时，除非我设置了{，否则文本不可见{1}}

这是在Safari上打印时的外观。如您所见，文本有边框阴影。这完全在我的代码中设置。

text-shadow

当我尝试在Chrome上打印出来时，除了文字阴影外，所有工作都是同样的狩猎。应该读取mlk。

以前有人遇到过这个问题吗？

Answer 1

尝试类似@media Print text-shadow under Chrome之类的内容。请参阅下面的代码段。

＆＃13;

＆＃13;

.shadow {
  border-radius: 5px;
  border: 1px;
  border-color: #000;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  text-align: center;
  border-style: solid;
  padding: 0px;
  color: #fff;
  width: 80px;
  height: 80px;
  vertical-align: -22px;
  font-weight: bold;
  background: linear-gradient(to right, #ffffff 0%,#ffffff 48%,#752201 52%,#752201 100%);
}
/*
     this is the part you are interested in
*/
@media print {
  @media print and (-webkit-min-device-pixel-ratio: 0) {
    .shadow {
      -webkit-filter: drop-shadow(-1px 0 black) drop-shadow(0 1px black) drop-shadow(1px 0 black) drop-shadow(0 -1px black);
    }
  }
  /*
  additional print specific css styling can go  here
  */
}

＆＃13;

<div class='shadow'>mlk</div>

＆＃13;

＆＃13;

＆＃13;