Tôi hiếm khi in mọi thứ [tôi không sở hữu máy in] nhưng gần đây tôi tình cờ thấy một thuộc tính CSS mà tôi chưa từng nghe đến – color-adjust
Sau đây là những gì bạn sẽ tìm thấy trên MDN về thuộc tính này
Thuộc tính CSS
color-adjust
đặt những gì, nếu có, tác nhân người dùng có thể làm gì để tối ưu hóa giao diện của phần tử trên thiết bị đầu ra. Theo mặc định, trình duyệt được phép thực hiện bất kỳ điều chỉnh nào đối với giao diện của phần tử mà nó xác định là cần thiết và thận trọng dựa trên loại và khả năng của thiết bị đầu ra
Tôi nghĩ rằng điều này rất thú vị và đã mở trang web của mình để xem phiên bản in sẽ trông như thế nào
Tôi thấy rằng Firefox thực sự đã thay đổi màu sắc của các khối mã được bao gồm thành mã màu đen trên nền trắng. Nó đảo ngược màu sắc
Trình duyệt có các tùy chọn cấu hình để kiểm soát việc in màu nền và hình ảnh
Hóa ra bạn có thể kiểm soát hành vi in trong hộp thoại trình duyệt cụ thể. Chrome bao gồm một cài đặt ẩn "In đồ họa nền" trong "Cài đặt khác" có thể kiểm soát hành vi của các khối mã tối của tôi
Firefox thậm chí còn đi xa hơn một chút và cho phép bạn quyết định xem bạn muốn có đồ họa hoặc màu nền với các tùy chọn riêng biệt hay không.
[Không rõ lý do Firefox thích tiếng Đức trên máy của tôi. ]
Với các tùy chọn này, người dùng có thể từ chối "các thao tác in tốn kém" để tiết kiệm mực khi in các trang web
color-adjust
vượt qua tất cả
Thuộc tính CSS color-adjust
[được hỗ trợ trong Firefox và có tiền tố [-webkit-print-color-adjust
] trong Chrome, Safari và Opera [bộ tiền tố tự động có thể xử lý vấn đề này] cho phép bạn xác định rõ ràng rằng bạn không muốn tác nhân người dùng làm rối tung màu sắc của bạn – không phải
Nó chấp nhận các giá trị economy
[giá trị mặc định] và exact
. Nếu một người chọn đặt exact
chẳng hạn, nền tối của các khối mã trong bài viết của tôi sẽ được in bất kể tùy chọn cấu hình nào được đặt hay không được đặt
Tôi nghĩ rằng có những trường hợp nên giữ màu nền và hình ảnh ngay cả khi in – hãy xem khi nào thuộc tính CSS này có giá trị đối với tôi vì một người không sở hữu máy in. 🙈
đã chỉnh sửa. Šime Vidas đã chỉ ra hành vi mà color-adjust
ghi đè cài đặt in của trình duyệt rất có thể là do lỗi trình duyệt
CHÀO. tôi muốn in hình nền cho div và liên kết nhưng dù tôi có làm gì đi chăng nữa, nó vẫn không hiển thị trong chế độ xem bản in. tôi đã chọn hộp kiểm để hiển thị hình nền và màu sắc cho tất cả các trình duyệt và nó không hiển thị
CSS của tôi cho div và thẻ
div.background { background: url['/poly/Course%20Portal/courses/ACCOUNTANCY/banner1b_big.jpg'] no-repeat top left; width:100%; height: auto; color:#FFF; font-family: 'Roboto'; } a.button{ font-family: 'Roboto'; display:block; color:#FFF !important; background:url['/poly/Course%20Portal/courses/ACCOUNTANCY/bkg_button.png'] no-repeat top right; text-align:right; padding:15px; padding-right:1.9em; font-size:1.5em; }
tôi cũng nhận ra rằng tất cả div của tôi có màu nền cũng không hiển thị trong bản xem trước khi in.
css cho màu nền
div.head1 { font-family: 'Roboto'; text-transform:uppercase; color: #FFF; font-size:1.3em; padding:10px 15px; background: #2b5e9d; text-align:left; margin-right:0; } div.item1 { font-family: 'Roboto'; font-size: 18px; background: #f5f5f5; text-align:left; color: #2b5e9d; height: 7.5em; }
Để tiết kiệm mực máy in, cài đặt mặc định của máy in thường là in không có hình nền và màu sắc. Nếu bạn muốn in email của mình với hình nền và màu nền, bạn cần điều chỉnh cài đặt máy in của trình duyệt
In trong Internet Explorer
- Trong thanh menu của trình duyệt, nhấp vào Công cụ
- Chọn Tùy chọn Internet
- Chuyển đến tab Nâng cao
- Cuộn xuống phần In và chọn “In màu nền và hình ảnh”
- Nhấp vào OK
- In như bình thường
In trong Internet Explorer 9
- Trong thanh menu của trình duyệt, nhấp vào Công cụ
- Chọn Thiết lập trang
- Trong in, đánh dấu vào In màu nền và hình ảnh
- Nhấp vào OK
- In bình thường
In trong Firefox
- Trên thanh menu của trình duyệt, vào Firefox và chọn Page Setup
- Trên tab Định dạng & Tùy chọn, hãy kiểm tra “Nền in [màu sắc & hình ảnh]”
- Nhấp vào OK
- In như bình thường
In trong Opera
- Trên thanh menu của trình duyệt, vào Opera và chọn Page Setup
- Trong hộp thoại, đánh dấu vào ô “In nền trang” Bấm OK
- In như bình thường
In trong Safari
Thật không may, không có cách nào dễ dàng để in màu nền và hình ảnh trong Safari. Vui lòng chọn một trình duyệt khác để in và làm theo một trong các hướng dẫn ở trên