Printing CSS框阴影在打印时非常暗

Printing CSS框阴影在打印时非常暗,printing,css,Printing,Css,我有一个有模糊阴影的潜水艇。我是一个使用以下CSS代码的用户: -webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, .4); box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, .4); 问题是打印页面时,阴影会变成深黑色。 请帮助。很可能是打印机您在其他地方打印过吗 最有可能的打印机是您尝试过在其他地方打印的 打印时的透明度是个问题。最好的方法是使用带有打印媒体查询的单独的print.css样式

我有一个有模糊阴影的潜水艇。我是一个使用以下CSS代码的用户:

-webkit-box-shadow:  3px 3px 10px 1px rgba(0, 0, 0, .4);     
box-shadow:  3px 3px 6px 1px rgba(0, 0, 0, .4); 
问题是打印页面时,阴影会变成深黑色。
请帮助。

很可能是打印机您在其他地方打印过吗

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

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

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

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

@media print {
    item {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}
这是一个众所周知的问题

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

这是一个已知的问题


解决方法是应用类似于
-webkit-filter:blur(0)的过滤器到受影响的元素;不过,这将光栅化生成的PDF中的元素。

谢谢。目前这是我所做的,而不是打印一个暗影。谢谢。目前,这是我所做的,而不是打印暗影。这会使元素内的文本不可读(至少在Chrome 43中):(这会使元素内的文本不可读(至少在Chrome 43中):(