Hướng dẫn add css in window print - thêm css trong cửa sổ in

Tôi cần cung cấp tùy chọn để in một phần của trang web. Điều này đã được triển khai bằng Window JavaScript.print () được trả lời bởi: Bill Paetzke. Cửa sổ bật lên mở ra (cái này chứa kiểu CSS) và hộp thoại in cũng mở ra. Nhưng phong cách CSS không hiển thị trong bản in. Đã thử @Media = in nhưng điều đó cũng không hoạt động. Phong cách CSS chủ yếu bao gồm màu nền. Một tùy chọn mà tôi có là thay thế màu nền bằng hình ảnh 1px * 1px và lặp lại nó. Còn cách nào khác không?

Trình duyệt: Mã IE7:

This is not be printed

This content is to be printed


    1
    2
    3




This will also be printed 

print  bgcolor
print


print


not to print


not to print


print


print



 print image
print


print


not to print


not to print


print


print


some text

dfads
wpeoriu






This will not be printed.


Nor will this.

Đã hỏi ngày 3 tháng 5 năm 2013 lúc 18:18May 3, 2013 at 18:18

Balaji Krishnanbalaji KrishnanBalaji Krishnan

9973 Huy hiệu vàng11 Huy hiệu bạc29 Huy hiệu đồng3 gold badges11 silver badges29 bronze badges

1

Bởi vì bạn đang viết tài liệu với HTML mà không có bất kỳ ID kiểu nào có nghĩa là nó chỉ viết nội dung của Div mà không có Div xung quanh nó.

Sử dụng cái này để có được toàn bộ div

 $('
').append($(elem).clone()).html();

Xem fiddle này

HTML

  

    This will be printed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a quam at nibh adipiscing interdum. Nulla vitae accumsan ante. 
  
    

   This will not be printed.
  


    Nor will this.

JavaScript

function PrintElem(elem)
{
      Popup($('
').append($(elem).clone()).html());
}

function Popup(data) 
{
    var mywindow = window.open('', 'my div', 'height=400,width=600');
    mywindow.document.write('');
     mywindow.document.write('');
    mywindow.document.write('');
    mywindow.document.write(data);
    mywindow.document.write('');

    mywindow.print();
  //  mywindow.close();

    return true;
}

Đã trả lời ngày 3 tháng 5 năm 2013 lúc 18:29May 3, 2013 at 18:29

4

Tôi thấy trang này hữu ích. Hãy xem.

Bản xem trước in & in với in CSS hoạt động tuyệt vời. Tôi đã làm nó trong trang sản phẩm OpenCart. Bây giờ tôi cố gắng in nó định dạng pdf, nếu bạn có một số manh mối, nó sẽ rất tuyệt.

rktcool

3561 Huy hiệu bạc11 Huy hiệu đồng1 silver badge11 bronze badges

Đã trả lời ngày 8 tháng 7 năm 2013 lúc 16:32Jul 8, 2013 at 16:32

Chúng tôi có thể áp dụng CSS lên trang để in không?

Tệp CSS in là gì?

Bạn có thể thêm CSS vào JavaScript không?

Tôi có thể đặt cài đặt in cửa sổ với JavaScript không?