印刷物にボックスの影を表示することはできますか？ボックスの影を印刷するにはどうすればいいですか？
私のレイアウトでは枠の代わりにボックスの影が使用されています。 私はそれを印刷するのが好きですが、ボックスの影が印刷物に現れません。
どうすればこの問題を解決できますか？
box-shadow: 0 0 0 1px black inset !important;
これは - 私は、印刷しようとするものである：
http://jsfiddle.net/Tx4Uv/177/
EDIT
I'veは、任意の成功なしにこれを試してみました：
-webkit-print-color-adjust:exact;
-webkit-filter:opacity(1);
・ホープ、このコードをあなたを助けるでしょう
<!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>これを印刷してみると、動作していないことがわかります！ –
それだけでクロームでサポートされていますように思える：
-webkit-print-color-adjust:exact;
メディアタイプのプリントとCSSを作成してみてください。
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
あなたのお役に立てば幸いです。
私はあなたがプリンタの設定でそれをオンにする必要があると思う。背景を印刷するかどうかを指定します。ユーザーだけがこれにアクセスできます。 –