1

我有一个带有模糊阴影的 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);

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

4

3 回答 3

3

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

@media print {
    item {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}
于 2013-05-01T00:51:04.407 回答
1

这是一个已知的Chrome 错误。

一种解决方法是对-webkit-filter: blur(0);受影响的元素应用过滤器；然而，这将光栅化生成的 PDF 中的元素。

于 2014-02-01T20:41:22.680 回答
0

最有可能的打印机您是否尝试过在其他任何地方打印？

于 2013-05-01T00:50:18.977 回答