如何在打印中顯示箱影？

我在佈局中使用框陰影而不是邊框。現在我想打印它，但盒子的陰影不會出現在印刷品中。

我該如何解決這個問題？

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

這是我正嘗試打印：
http://jsfiddle.net/Tx4Uv/177/

編輯

從來就嘗試過這種沒有任何成功：

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

來源

2017-09-04 Björn C

我相信你需要在打印機配置中打開它。您允許或不打印背景的地方。只有用戶才能訪問這個。 –

-2

希望這個代碼將幫助你

<!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>

來源

2017-09-04 11:57:29

試着打印這個，你會看到它不工作！ –

好像它僅適用於Chrome與支持：

-webkit-print-color-adjust:exact;

developer.mozilla.org

嘗試創建一個媒體類型的打印的CSS：

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

CSS Design: Going to Print

希望它對你有所幫助。

來源

2017-09-04 12:00:57

如何在打印中顯示箱影？

回答

相關問題