15

HTML、CSS、JSを使用して印刷可能なカレンダーWebサイトを作成しています。

残念ながらtext-shadow、と呼ばれるCSSプロパティを使用することはできません。これは、テキストの背後にある影が、ぼかしや透明度のない黒一色のテキストとして印刷されるためです。

divに使用しようとすると、同じ問題が発生しますbox-shadow。透明度のない黒一色のようなシャドウプリントです。

html {-webkit-print-color-adjust: exact;}すべての背景色が確実に印刷されるように、Chromeをスタイル付きで使用しています。

回避策はありますか？背景画像は使いたくないです。

編集：私は影を隠したくありません、もちろんそれは非常に簡単です。影を正しく印刷したい。

4

6 に答える 6

-1

きれいに印刷されたように見せるために、Webページを妥協する必要はありません。print.css印刷されたビューがニーズに合うようにを定義するだけです。

# index.html
<head>
  <link href="/css/print.css" media="print" rel="stylesheet" type="text/css" /> 
</head>

# print.css
.shadow {
  text-shadow: none;
}

詳細については、Smashing Magazineに、印刷スタイルシートの設定方法に関する役立つ記事があります。

于 2012-12-20T15:24:43.453 に答える