Question

我有一个带有模糊阴影的div。我正在使用下面的CSS代码：

-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .4);     
box-shadow:  3px 3px 6px 1px rgba(0, 0, 0, .4);

问题是当页面被打印时，阴影变成深黑色。请帮忙。

Answer 1

打印时的透明度是个问题。您最好的选择是为打印页面定义不同的样式，使用单独的print.css样式表和打印介质查询，或使用媒体属性，如

@media print {
    item {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}

Answer 2

这是一个已知的Chrome bug。

解决方法是将-webkit-filter: blur(0);等过滤器应用于受影响的元素;但是，这会栅格化生成的PDF中的元素。

Answer 3

您最有可能打印机在其他任何地方进行过打印吗？