2012-08-03 32 views
5

Phản hồi của tôi là cung cấp lề 10cm cho tất cả các trang khi in.@page Kiểu css không hoạt động đối với Mozilla firefox

Tôi đang in bằng cách sử dụng window.print(). Trang web của tôi sẽ tự động tăng (do đó không thể xác định số trang). Đối với tất cả các trang tôi cần phải cung cấp lề 10 cm.

tôi đã sử dụng CSS Media="Print", trong đó tôi đã xác định phong cách:

@page 
    { 
    Margin-top :10cm; 
    } 

này đang làm việc trong tất cả các trình duyệt trừ Mozilla firefox. Tôi đã tìm kiếm các giải pháp và tất cả các blog nói, Mozilla sẽ không hỗ trợ @page, nhưng không có Giải pháp. Có ai có thể giúp tôi với cái này? Xin vui lòng cho tôi biết là nó posible để thực hiện trong mozilla

+0

trang sẽ hỗ trợ trong tất cả các trình duyệt .. nhưng không phải trong mozilla .. Tôi cần để implemtn @page cho mozilla một số cách – saTech

+0

xin vui lòng ai đó có thể cho tôi biết Chúng ta có thể thực hiện điều này thực sự? – saTech

+0

Tôi không nghĩ có hỗ trợ tạo kiểu trang lề trong Firefox. Tôi đã thực hiện một số tiền hợp lý của googling, và tất cả mọi thứ tôi đã đọc nói rằng họ không hỗ trợ nó. Tôi sẽ rất quan tâm nếu có ai tìm ra câu trả lời cho điều này. –

Trả lời

3

Xin lỗi, tôi biết câu hỏi của bạn khá cũ, nhưng nó xuất hiện trên truy vấn google mà tôi có cùng một vấn đề.

Theo liên kết này (https://developer.mozilla.org/en-US/docs/Web/CSS/@page) nó được hỗ trợ trong Firefox kể từ 19.0, đó là sau khi bài viết của bạn, chỉ cần cho đầy đủ ...

0

Cố gắng sử dụng @document với moz tiền tố như @-moz-document cho Firefox

Các @ quy tắc moz-tài liệu là một Gecko cụ thể tại-quy tắc hạn chế các quy tắc kiểu nằm trong nó dựa trên URL của tài liệu. Nó được thiết kế chủ yếu cho các tờ kiểu người dùng. Quy tắc @ -moz-document có thể chỉ định một hoặc nhiều hàm phù hợp. Nếu bất kỳ hàm nào áp dụng cho URL, quy tắc sẽ có hiệu lực trên URL đó.

VÍ DỤ:

@-moz-document url(http://www.w3.org/), 
      url-prefix(http://www.w3.org/Style/), 
      domain(mozilla.org), 
      regexp("https:.*") 
{ 
    /* CSS rules here apply to: 
    + The page "http://www.w3.org/". 
    + Any page whose URL begins with "http://www.w3.org/Style/" 
    + Any page whose URL's host is "mozilla.org" or ends with ".mozilla.org" 
    + Any page whose URL starts with "https:" */ 

    /* make the above-mentioned pages really ugly */ 

    @media print{ 
     body { margin-top :10cm; } 
    }  
} 

Chức năng có sẵn:

  • url(), mà phù hợp với một URL chính xác
  • url-prefix(), mà phù hợp nếu URL tài liệu bắt đầu bằng giá trị được cung cấp
  • tên miền(), phù hợp nếu URL tài liệu nằm trên miền được cung cấp (hoặc tên miền phụ của nó)
  • regexp(), phù hợp nếu URL tài liệu khớp với cụm từ thông dụng được cung cấp. Biểu thức phải khớp với toàn bộ URL.
+0

Cảm ơn bạn đã trả lời AK .. Bạn có thể giải thích lý do tại sao chúng tôi đang sử dụng url (http://www.w3.org/), url-prefix (http://www.w3.org/Style/) tôi có nên thay thế điều này không với cái gì khác? – saTech

+0

được cập nhật trong câu trả lời của tôi. –

+0

Không hoạt động cho tôi: :( – saTech

Các vấn đề liên quan