Cách bật đồ họa nền trong css in
|
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 – Show
Sau đây là những gì bạn sẽ tìm thấy trên MDN về thuộc tính này
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 ảnhHó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 Nó chấp nhận các giá trị 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à 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
In trong Internet Explorer 9
In trong Firefox
In trong Opera
In trong SafariThậ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 Làm cách nào để in hình ảnh ở chế độ nền trong CSS?Thuộc tính -webkit-print-color-adjust là tiện ích mở rộng CSS không chuẩn có thể được sử dụng để buộc in màu nền và hình ảnh trong trình duyệt dựa trên công cụ WebKit. Điều này buộc các trình duyệt sử dụng màu nền khi người dùng in một trang web ngay cả khi họ đã tắt Đồ họa nền tùy chọn in.
Tại sao nền CSS của tôiĐảm bảo đường dẫn hình ảnh được đặt chính xác trong url hình nền . Khi bạn đã chắc chắn rằng tệp CSS của mình được liên kết chính xác, hãy kiểm tra xem bản thân hình ảnh có được đặt chính xác không. Một lần nữa, bạn sẽ muốn mở trình kiểm tra mã của mình trong trình duyệt để kiểm tra.
Tại sao màu nền không hoạt động trong PDF?Nhấp vào "Tùy chọn Internet". Chuyển đến tab "Nâng cao". Cuộn xuống phần "In" trong ngăn "Cài đặt". Kích hoạt tùy chọn "In màu nền và hình ảnh"
Cách in div có nềnĐể in nội dung của các phần tử (con) khác nhau bên trong trích xuất nội dung và lưu trữ nội dung đó trong một biến. Sau đó, chúng ta sẽ mở một cửa sổ (cửa sổ bật lên) và viết nội dung (được lưu trữ trong một biến) vào cửa sổ và in . |
