| Autor | Zpráva | ||
|---|---|---|---|
| piiiiiiiip Profil |
#1 · Zasláno: 23. 5. 2017, 13:45:23
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> |
||
| smitka Profil |
#2 · Zasláno: 23. 5. 2017, 14:11:58
To je věc klienta - např. v Chrome je volba "Grafika na pozadí" v sekci "Další nastavení" tiskového dialogu.
|
||
|
Časová prodleva: 6 dní
|
|||
| 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 |
#4 · Zasláno: 29. 5. 2017, 22:37:11
piiiiiiiip:
Ako si to vyriešil? |
||
| piiiiiiiip Profil |
#5 · Zasláno: 31. 5. 2017, 09:51:50
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 |
#6 · Zasláno: 31. 5. 2017, 10:33:38
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 |
#7 · Zasláno: 1. 6. 2017, 13:18:10
blaaablaaa:
Dobrá připomínka, děkuji. |
||
|
Časová prodleva: 7 let
|
|||
0