Mengapa Imej Latar Belakang Hilang Semasa Mencetak dalam Firefox dan Internet Explorer?

Cara Mencetak Imej Latar Belakang dalam Firefox dan Internet Explorer

Masalah: Imej latar belakang hilang apabila mencetak halaman dalam Firefox atau Internet Explorer, walaupun menggunakannya untuk mewakili maklumat seperti bintang yang menunjukkan tahap kemahiran.

Penyelesaian 1: Menggunakan Lembaran Gaya Cetak

Buat lembaran gaya berasingan khusus untuk mencetak :

/* print.css */

/* media:print */
.star {
    text-indent: 0;
}

Pautkan lembaran gaya cetakan ke dokumen HTML anda:

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

Penyelesaian 2: Menunjukkan Imej pada Cetakan

Tambah imej untuk mewakili bintang anda dalam elemen DIV dan menyembunyikannya pada skrin:

/* media:screen */
.star img {
    visibility: hidden;
}

/* media:print */
.star img {
    visibility: visible;
}

<div class="star"><img src="./images/star.jpg" alt="*"></div>

Atas ialah kandungan terperinci Mengapa Imej Latar Belakang Hilang Semasa Mencetak dalam Firefox dan Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!