วิธีเขียน html ให้ print สี background บนหน้าเว็บด้วย

เทคนิคเกี่ยวกับการเขียนเว็บ และ Programming ที่เกี่ยวข้องครับ PHP, MySQL, ...

วิธีเขียน html ให้ print สี background บนหน้าเว็บด้วย

โพสต์โดย admin » อาทิตย์ 14 ก.ค. 2013 11:13 pm

ปกติเวลาเราสั่งปริ๊นท์จากหน้าเว็บบน browser มันจะไม่ติดพวกรูปหรือสีที่เป็นพื้นหลังหรือ background ทั้งตัวหน้าเว็บเอง หรือพื้นหลังของช่องตาราง ซึ่งบางครั้งผมต้องการให้มันปริ๊นท์สีพื้นหลังด้วย อย่างช่องหัวข้อที่ใส่พื้นหลังดำ background: #000000; แล้วตัวอักษรขาว color: #ffffff; พอเวลา ctrl+p แล้ว เห็นตั้งแต่ตัวอย่างเลยว่าพื้นหลังดำมันไม่ติดมาด้วย ทำให้อ่านตัวอักษรไม่ออก เลยไปนั่งค้นในเน็ตทำยังไงให้มันติดสีพื้นหลังเวลาสั่งพิมพ์

เลยไปเจอว่า ให้ใส่ค่า css ว่า

-webkit-print-color-adjust: exact;

ลงไปในส่วนของ style ที่อยากให้สั่งพิมพ์แล้วติดสีพื้นหลังด้วย เช่น

<td style="background: #000000; color: #ffffff; -webkit-print-color-adjust: exact;">

แค่นี้เวลากด ctrl+p ก็เห็นติดสีพื้นหลังมาแล้วครับผม
(ลองกับ chrome โอเคอยู่ น่าจะใช้ได้กับ browser ใหม่ๆ ทั้งหมดนะครับ^^)
รับวางระบบร้านเนต-เกม-หอพัก Internet Cafe ติดต่อ LIEWNETWORK TEL : 082-644-1694 cycob41139@hotmail.com
ดูผลงานได้ที่ board.liewnetwork.com มีเบอร์โทรให้คุยกับลูกค้าตัวเป็นๆได้เลย
ภาพประจำตัวสมาชิก
admin
Administrator
 
โพสต์: 374
ลงทะเบียนเมื่อ: เสาร์ 17 ม.ค. 2009 1:47 pm
Has thanked: 8 times
Have thanks: 215 times

ย้อนกลับไปยัง Web Programming

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และ บุคคลทั่วไป 2 ท่าน