2016-01-25 20 views
7

Tôi đang sử dụng đá quý ruby ​​Barby giúp thêm một cách tiện dụng vào render barcodes as HTML.In màu nền lực trên Firefox

Barby hiển thị bảng có bật hình nền td dựa trên mã được truyền cho nó. Điều này hoạt động khá tốt vì tôi không muốn tạo và lưu trữ một tệp hình ảnh cho mỗi bản ghi mà tôi cần một mã vạch.

Trình duyệt chính không in màu nền theo mặc định và tôi cần mã vạch để in mà không cần người dùng thay đổi tùy chọn in trên hệ thống cục bộ của họ.

Tôi không chắc chắn cách thực hiện việc này với Firefox. Với webkit (Chrome và Safari), nó khá dễ dàng:

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
} 

sốt Googling đã không thực sự nhận được bất cứ nơi nào tôi: This câu hỏi là một vài tuổi và tôi đã không tìm thấy bất cứ điều gì mới hơn vì vậy tôi tìm tôi muốn đặt ra câu hỏi một lần nữa. Fat borders cũng sẽ không thực sự hoạt động vì nếu mối quan hệ giữa các thanh thay đổi, nó sẽ thay đổi dữ liệu chứa trong mã.

+0

Tôi rất rất buồn không có câu trả lời cho :(này Trình duyệt cần phải hỗ trợ in ấn tốt hơn – RustyToms

+0

Đáng ngạc nhiên, có vẻ như một số thay đổi gần đây đang làm công việc này với. MDN thậm chí không có tài liệu cho nó, vì vậy tôi nghĩ rằng nó vẫn có thể được phát triển cho đến bây giờ (tháng 9 năm 2016) – RustyToms

+0

@RustyToms Tôi ghét hỗ trợ in ấn lol –

Trả lời

12

Điều này bắt đầu hoạt động trong Firefox (ít nhất là phiên bản 48.0.2) với thuộc tính "color-adjust".

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
    color-adjust: exact; 
} 

Tôi thấy một lỗi nhỏ hoặc hai trong dự án cụ thể của tôi, nhưng màu nền đang hiển thị!

+0

Câu trả lời hay. Đã giải quyết được vấn đề của tôi – Braj

+2

Công trình tuyệt vời cho màu sắc bg.Có bất kỳ cách nào cho tài sản màu sắc? Tôi cũng không in màu nếu tôi thiết lập màu trắng khác nó làm việc. – Jnanaranjan

1

này làm việc cho tôi:

@media print { 
    body { 
     -webkit-print-color-adjust: exact; /*Chrome, Safari */ 
     color-adjust: exact; /*Firefox*/ 
    } 
} 
Các vấn đề liên quan