当我添加 css 规则时“文字阴影“ 对于未显示在其中的文本@媒体打印(另存为PDF)并且它不适用于特殊情况Chrome.
它在 IE11 下工作得很好,但在 Chrome 下 - 不行!
这让我非常非常失望!
这是简单的文本阴影示例:
.item { text-shadow: 4px 4px 1px #ccc; }
所以问题是如何强制打印“文字阴影" under Chrome?
就我而言,它也应该是多个阴影,类似这样:
.item { text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0px -1px 0 #fff; }
文本周围有白色边框。
解决办法是-webkit-filter:阴影(4px 4px 1px #ccc).
这是示例:
@media print {
/* CSS only for Chrome */
@media print and (-webkit-min-device-pixel-ratio:0) {
.item { -webkit-filter: drop-shadow(4px 4px 1px #ccc); }
}
}
如果您需要多个文本阴影,请使用它:
.item {
-webkit-filter: drop-shadow(1px 0 0 #fff) drop-shadow(0 1px 0 #fff);
}
这是最终的 CSS:
@media print {
.item {
-webkit-filter: drop-shadow(4px 4px 1px #ccc);
text-shadow: 4px 4px 1px #ccc;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)