2012-08-03 117 views
5

我的要求是提供打印時所有頁面 10cm保證金。@page Css風格不適用於Mozilla Firefox

我正在使用window.print()打印。我的網頁會動態增加(因此無法確定頁數)。對於我需要提供10釐米邊距的所有頁面。

我用CSS Media="Print",在其中我所定義的風格:

@page 
    { 
    Margin-top :10cm; 
    } 

這是工作在所有的瀏覽器除了Mozilla Firefox瀏覽器。我搜索瞭解決方案,所有博客都說,Mozilla不支持@page,但沒有解決方案。有人可以幫助我嗎? 請讓我知道它是更多鈔票在Mozilla實施

+0

頁面將在所有的瀏覽器支持..但在Mozilla ..我需要實現@頁面爲mozilla一些如何 – saTech 2012-08-03 15:37:29

+0

請有人讓我知道我們可以實現這個真的嗎? – saTech 2012-08-03 18:23:24

+0

我不認爲在Firefox中支持樣式頁邊距。我做了大量的谷歌搜索,我讀過的所有內容都表示他們不支持它。如果有人設法找到答案,我會非常感興趣。 – 2012-08-03 18:51:45

回答

0

嘗試使用@documentmoz前綴像@-moz-document火狐

的@ -moz-文檔規則是壁虎特定的規則一它基於文檔的URL限制其中包含的樣式規則。它主要是爲用戶樣式表設計的。 @ @ -moz-document規則可以指定一個或多個匹配函數。如果任何功能適用於URL,則該規則將在該URL上生效。

實施例:

@-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; } 
    }  
} 

可用功能:

  • URL(),其相匹配的準確URL
  • URL的前綴(),其中,如果所述匹配文件URL從提供的值開始
  • domain(),如果文檔URL位於提供的域(或其子域)上,則匹配
  • regexp(),如果文檔URL與提供的正則表達式相匹配,則匹配。表達式必須匹配整個網址。
+0

感謝您的回覆AK ..你能否解釋爲什麼我們使用url(http://www.w3.org/),url-prefix(http://www.w3.org/Style/)我應該如何迴應這個還有別的東西?我的答案更新了 – saTech 2012-08-03 09:23:26

+0

。 – 2012-08-03 09:31:05

+0

不適用於我::( – saTech 2012-08-03 13:05:54