Question

是否可以在打印中显示方框阴影？

我在布局中使用了框阴影而不是边框。现在我想打印它，但是盒子阴影不会出现在打印中。

我该如何解决这个问题？

box-shadow: 0 0 0 1px black inset !important;

这就是我要打印的内容：
http://jsfiddle.net/Tx4Uv/177/

修改

我试过这个没有取得任何成功：

-webkit-print-color-adjust:exact;
-webkit-filter:opacity(1);

Answer 1

似乎只支持chrome：

-webkit-print-color-adjust:exact;

developer.mozilla.org

尝试使用媒体类型print：

创建一个css

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

CSS Design: Going to Print

希望它对你有所帮助。

Answer 2

希望此代码可以帮助您

＆＃13;

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 300px;
    height: 100px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px grey;
}
</style>
</head>
<body>

<div>This is a div element with a box-shadow</div>

</body>
</html>

＆＃13;

如何在打印中显示Box阴影？

2 个答案: