Tabelle hintergrund Bild nicht angezeigt, auf Papier drucken

template.html

{% block css-custom %}
    <link rel="stylesheet"  type="text/css" media="print" href="{{ STATIC_URL }}style/print.css" />
    <link rel="stylesheet"  type="text/css" media="screen" href="{{ STATIC_URL }}style/print.css" />
{% endblock %}

{% block main-content %}
''''''''''''''
<table width="100%" border="0" class="printimg">

            <tr><td>some data</td></tr></table>
'''''''''''''''''
{% endblock %}

Den ich einstellen will das obige Bild als hintergrund für die Tabelle.Wenn ich das gleiche Bild in einem tag , es kommt zur Anzeige, aber als hintergrund ist es nicht passiert.Als html-Seite,es funktioniert, problem ist mit dem Druck im Papier.

Auf Druckvorschau das Bild im hintergrund kommen für das display, sondern auf den Druck in dem Papier wird das Bild wieder verschwunden.

edit:

Bericht.css

.printimg {
           background:url('/static/images/human.png');
           width:128px;
           height:293px;
           background-position:center;"
          }

/* media:screen */
@media screen {
.printimg img{
    visibility: hidden;
}
}

/* media:print */
@media print {
.printimg img{
    visibility: visible;
}
}

Habe ich versucht mit diesem css,immer noch das gleiche problem ist Ihre.

  • Ich habe versucht, mit obigen code in Bearbeiten,immer noch das gleiche Problem.Darf ich wissen, was ich falsch mache.
  • Sie benötigen, um ein Medien-Abfrage. @media print { .printimg img { visibility: visible; } }
InformationsquelleAutor Monk L | 2013-07-31
  1. 6

    1.Aktivieren Sie den Hintergrunddruck in Chrome und Safari web-Browser hinzufügen

    -webkit-print-color-adjust:exact;

    in Ihren drucken.css-Datei,der rest ist alles gleich

    2.In FireFox standardmäßig "Print Background colours and images" ausgeschaltet in Ihren print-Einstellungenno CSS will override that.

    Benutzer sollten manuell einschalten, wenn das Hintergrundbild ist erforderlich.

    Schritte zur aktivieren Sie die im hintergrund im FF:

    Go to File -->Page setup -->Formats & Options -->Tick Print background(images & colors)

    Hoffe diese Hilfe!

    • Dieser arbeitete für mich.
    InformationsquelleAutor user2409078
  2. 0

    Dies ist eine browser-Einstellung, nichts zu tun mit Django. Siehe diesen thread Wie gewaltsam zu drucken, hintergrund Bild in HTML?

    • Ich habe versucht, mit obigen code in Bearbeiten,immer noch das gleiche Problem.Darf ich wissen, was ich falsch mache
    • In der Beispiel-link dort ist ein Bild innerhalb des div, die versteckt ist, wenn die Seite auf dem Bildschirm angezeigt wird. Sobald das drucken der hintergrund-element in die CSS-Datei wird ausgeblendet, und der <img> eingestellt ist display: inline.
    • Ich bin mit Tabelle,css-Klasse wird angewandt, um die Tabelle,Tabelle hintergrund Bild nicht drucken bei Papier muss ich auf einen anderen Stil in der css-Verwandte zu drucken.Bitte finden Sie meine aktuelle Frage.
    • OK, weiter zu erklären... Sie nicht drucken kann die Tabelle hintergrund Bild aufgrund von browser-Einstellungen. Sie können gefälschte es mit dem ausblenden der Tabelle hintergrund Bild, und stattdessen zeigt das Bild im hintergrund wie ein inline-Bild in der Tabelle. Das Beispiel zeigt, wie das zu tun. Wenn auf dem Bildschirm die div-hintergrund-Bild angezeigt. Beim drucken wird das Hintergrundbild ausgeblendet, aber es wird angezeigt, als ein inline-Bild statt. Diese Art der inline-Bild gedruckt werden.
    InformationsquelleAutor Mikael
Schreibe einen Kommentar