Autor Zpráva
piiiiiiiip
Profil
Dobrý den. Snažím se vytisknout stránku kde je div s obrázkem na pozadí:
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <style>
                @media print
                {
                        #mujdiv
                        {
                            background-image: url({$basePath}/images/podklad.jpg);
                            background-repeat:no-repeat;
                            background-size:contain;
                            border: 1px solid black;
                            height: 188px;
                            width: 350px;
                            text-align: right;
                            vertical-align: bottom;
                            display:table-cell;
                            position:relative;
                            padding-right: 5px;
                                page-break-inside: avoid;
                        }
                }
                </style>
                <script type="text/javascript">
                function tisknout()
                {
                        window.print();
                }
                </script>
        </head>
        <body>
        <div id="mujdiv" >
        text
        </div>
        <button onclick="tisknout()">Tisk</button>
        </body>
Text i border divu se mi vytiskne, obrázkové pozadí ale ne. Dá se to nějak vytisknout i s tím pozadím?
smitka
Profil
To je věc klienta - např. v Chrome je volba "Grafika na pozadí" v sekci "Další nastavení" tiskového dialogu.
piiiiiiiip
Profil
smitka:
I když to nastavím tam tak mi to to pozadí stejně nevytiskne.
Používám bootstrap, když ho odstraním tak to jde, nevíte v čen je problém?


Vyřešeno . . .
Tomáš123
Profil
piiiiiiiip:
Ako si to vyriešil?
piiiiiiiip
Profil
Tomáš123:
V bootstrapu (bootstrap.min.css) bylo background pro @media print nastaveno na prázdno tak jsem jednoduše odstranil background:0 0!important a funguje to.
@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important} . . .
blaaablaaa
Profil
piiiiiiiip:
Lepsi by bylo toto zakomponovat do tveho stylopisu. Kdyz budes v budoucnu treba nahravat novou verzi bootstrapu, tezko si vzpomenes, ze jsi nekde mazal background.
piiiiiiiip
Profil
blaaablaaa:
Dobrá připomínka, děkuji.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: