Bagaimanakah saya boleh mencetak imej latar belakang dalam Firefox dan Internet Explorer?

Mencetak Imej Latar Belakang dalam Firefox dan Internet Explorer

Apabila cuba mencetak halaman web yang menggabungkan imej latar belakang, pengguna mungkin menghadapi isu ini imej hilang apabila dicetak. Artikel ini bertujuan untuk menyediakan penyelesaian untuk membolehkan pencetakan imej latar belakang dalam Firefox dan Internet Explorer.

Menggunakan Lembaran Gaya Cetak

Satu kaedah yang berkesan ialah menggunakan lembaran gaya cetakan . Ini melibatkan mencipta fail CSS yang berasingan untuk versi cetakan halaman, di mana tetapan cetakan yang dikehendaki boleh ditentukan. Contohnya:

/* media:screen */
.star {
    background: ...;
    overflow: hidden;
    text-indent: 9999em;
}

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

Coretan CSS ini akan memaparkan imej latar belakang untuk kelas ".star" pada skrin, tetapi menggantikannya dengan asterisk (*) semasa mencetak.

Menggunakan Imej Sebaris

Pendekatan lain ialah menggunakan imej sebaris dan bukannya bergantung pada imej latar belakang. Ini membolehkan anda menentukan keterlihatan imej berdasarkan media cetak:

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

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

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

Dengan kaedah ini, imej bintang akan disembunyikan pada skrin tetapi boleh dilihat semasa mencetak.

Menentukan Cetak Lembaran Gaya

Akhir sekali, untuk menentukan helaian gaya yang harus digunakan untuk mencetak, sertakan atribut "media" dalam "" elemen:

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

Konfigurasi ini memastikan bahawa "main.css" digunakan untuk paparan pada skrin, manakala "print.css" digunakan untuk mencetak. Dengan melaksanakan salah satu daripada penyelesaian ini, pengguna boleh berjaya mencetak imej latar belakang dalam Firefox dan Internet Explorer.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mencetak imej latar belakang dalam Firefox dan Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!