2012-08-03 16 views
5

Meine Anforderung ist es, 10 cm Marge auf alle Seite beim Drucken zu liefern.@page Css style funktioniert nicht für Mozilla firefox

Ich drucke mit window.print(). Meine Webseite wird dynamisch erweitert (Anzahl der Seiten kann nicht bestimmt werden). Für alle Seiten muss ein Rand von 10 cm vorgesehen werden.

verwendete ich CSS Media="Print", in dem ich den Stil definiert:

@page 
    { 
    Margin-top :10cm; 
    } 

in allen Browsernaußer Mozilla Firefox Dies funktioniert. Ich suchte nach Lösungen und alle Blogs sagen, Mozilla wird @page nicht unterstützen, aber keine Lösung. Kann mir jemand dabei helfen? Bitte lassen Sie mich wissen ist es posible in mozilla

+0

Seite wird in allen Browser unterstützt .. aber nicht in mozilla .. Ich brauche zu implementieren @page für mozilla einige wie – saTech

+0

bitte kann mich jemand wissen lassen Können wir das wirklich implementieren? – saTech

+0

Ich glaube nicht, dass es eine Unterstützung für das Stylen von Seitenrändern in Firefox gibt. Ich habe ziemlich viel gegoogelt und alles, was ich gelesen habe, sagt, dass sie es nicht unterstützen. Ich wäre sehr interessiert, wenn es jemand schafft, eine Antwort darauf zu finden. –

Antwort

3

Entschuldigung, ich weiß, dass Ihre Frage ziemlich alt ist, aber es zeigte sich auf einer Google-Abfrage, die ich für das gleiche Problem hatte.

Nach diesem Link (https://developer.mozilla.org/en-US/docs/Web/CSS/@page) es seit 19.0 in Firefox unterstützt wird, die nach der Post war, nur der Vollständigkeit halber ...

0

Versuchen zu verwenden @document mit moz Präfix wie @-moz-document für Firefox

Das @ -moz-Dokument Regel ist ein Gecko-spezifische at-Regel zu implementieren Dadurch werden die darin enthaltenen Stilregeln basierend auf der URL des Dokuments eingeschränkt. Es ist hauptsächlich für Benutzer-Stylesheets gedacht. Eine @ -Moz-Dokument-Regel kann eine oder mehrere übereinstimmende Funktionen angeben. Wenn eine der Funktionen für eine URL gilt, wird die Regel für diese URL wirksam.

Beispiel:

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

verfügbar Funktion:

  • url(), die eine exakte URL
  • URL-Präfix übereinstimmt(), die die Spiele, wenn Dokument-URL beginnt mit dem angegebenen Wert
  • domain(), die übereinstimmt, wenn die Dokument-URL in der bereitgestellten Domäne (oder einer Unterdomäne) enthalten ist
  • regexp(), die übereinstimmt, wenn die Dokument-URL dem angegebenen regulären Ausdruck entspricht. Der Ausdruck muss mit der gesamten URL übereinstimmen.
+0

Danke für die Antwort AK .. Können Sie bitte erklären, warum wir URL (http://www.w3.org/), URL-Präfix (http://www.w3.org/Style/) verwenden, sollte ich dies wiederholen mit etwas anderem? – saTech

+0

in meiner Antwort aktualisiert. –

+0

Funktioniert nicht für mich: :( – saTech

Verwandte Themen