in loại phương tiện in bằng cách sử dụng màu nền trong chrome

Question

Tôi đang sử dụng thuộc tính background-color trong CSS loại phương tiện in.

Sự cố là Google Chrome không hiển thị background-color hoặc background-image trong bản xem trước bản in.

Cách này có thể được giải quyết?

Answer 1

Bạn có thể thử công cụ nhà phát triển trong chrome để kiểm tra quy tắc css nào được áp dụng trong phần tử DOM của bạn. Điều đó sẽ giúp bạn gỡ lỗi và khắc phục sự cố.

Answer 2

Tôi nghĩ vấn đề không phải là với mã của bạn, nhưng với Chrome: không có tùy chọn để in background (hình ảnh hoặc màu sắc): xem http://www.google.com/support/forum/p/Chrome/thread?tid=17a4ac343580c8d3&hl=en

Với Firefox, những hình ảnh nền không được in theo mặc định, nhưng nó có thể được kích hoạt trong "In ... -> Thiết lập trang"

Answer 3

Chrome hỗ trợ kiểm soát in màu/in hình nền qua CSS. Bạn có thể thiết lập thuộc tính CSS sau vào các yếu tố có nền nên được in:

-webkit-print-color-adjust: exact; 

Thông thường tất nhiên, điều này được xác định bằng cách cài đặt trình duyệt - nhưng Chrome cho phép các nhà thiết kế web để xác định cách nền được in trên một cơ sở cho mỗi yếu tố ...

Ghi chú:

• Yêu cầu Chrome 17 trở lên.
• Nền của thẻ body không được in.

Nhờ Cron của Web Tech Blog, nơi tôi lần đầu tiên phát hiện ra nó: -

http://blog.crondesign.com/2011/11/print-css-backgrounds-in-google-chrome.html

Ngoài ra, điều này dẫn đến một số nền tảng (không ý định chơi chữ!) Thông tin về các tính năng: -

http://code.google.com/p/chromium/issues/detail?id=107763

Hope this helps ...

Answer 4

tôi đã cố gắng f hoặc giờ sử dụng ý tưởng được đề xuất nhưng không có ý tưởng nào hiệu quả. Tôi cần sử dụng !important

Bằng cách nào đó, Chrome phải trì hoãn một tuyên bố màu nền khác.

background-color:red !important