強制瀏覽器打印鉻，火狐

我有一個網頁，其中包含一些背景圖像和CSS顏色，但當我打印頁面使用ctrl + p其顯示頁面打印預覽沒有CSS和背景顏色。強制瀏覽器打印鉻，火狐

我有了內嵌樣式屬性（因爲div的背景圖像將被動態地使用循環在編碼中選擇）一個div元素如下

<div class='assessment' style='background-image: url('/static/images/print_%s.png')' > 
    <p></p> 
    <p></p> 
</div>

所以我腦袋讀的東西here，我們可以寫print media CSS默認情況下，使背景圖像和顏色可見像

@media print { 
.assessment { 
    visble:visible; 
    } 
}

但我不知道如何寫這個媒體的CSS內聯CSS（style='background-image: url('/static/images/print_%s.png')），我有以米y以上div

那麼如何用內聯css編寫媒體css，以便在打印預覽中可以在默認情況下顯示背景圖像，當點擊一下ctrl+p？

來源

2014-03-13 shiva krishna

您是否嘗試過使用'@media print'方法？ – Scimonster

@Scimonster我很困惑如何使用它？你可以讓我知道如何使用它與我的上面的內聯CSS樣式屬性？ –

嗯，將它設置爲可見，應該使背景顯示出來，從你所說的。 – Scimonster

如何使用@media print方法？

@media print { 
body { 
    content:url(background.jpg); 
    } 
}

同時給予打印選項有一些設置，你可以選擇很多選項可以打印背景圖像或不..

來源

2014-03-13 11:28:51

正如我上面所描述的，我將在循環中選擇不同的背景圖像，所以我已經使用背景圖像的內聯屬性，是我寫媒體CSS如上，那麼我將不得不顯示固定的背景圖像的權利？我將在動態背景圖像中生成上面的div for循環 –

不幸的是，內聯樣式不能包含除聲明之外的任何內容。 –

這answer會幫助你。它適用於FF和Chrome。首先，您將!important設置爲您的內聯css，如<div class='assessment' style='background-image: url('/static/images/print_%s.png')!important >。然後在你的css文件中：

@media print { 
    -webkit-print-color-adjust: exact; 
}

來源

2015-11-26 12:27:43

任何線索爲什麼添加！這裏重要，導致我的背景圖像完全消失？ –

強制瀏覽器打印鉻，火狐

回答

相關問題