Chtěl jsem se zeptat a prosím o radu. Pokusil jsem se vytvořit WEBovky a obrázky mám ve formátu *.png. Při tisku se mi pod obrázky vytvoří černý podklad a obrázek zanikne. Mám raději volit formát *.gif (není to vzhledově nic moc), nebo se to dá ošetřit jinak? Lze vytvořit CSS, kde by bylo možné automaticky při tisku nahradit obrázek třeba balonek.png za balonek.jpg ??
Pro příklad: obrázek-nafouklý modrý balonek i s provázkem (transparentní pozadí obrázku) a při tisku se mi objeví modrý balonek a černý podklad pod ním. Co s tím?? Díky za odpověď. Melmen_CZ
Fórum › CSS
Černý podklad při tisku *.png transparetních obrázků
![](img/forum_vlakno_help_vyreseno.png)
Rád bych ti pomohl, ale nemám vhodnou tiskárnu. Nejde nějak tisknout do souboru (aby tiskové body ~ pixelům), který se dá zobrazit ?
Rozhodně by se hodily doplňující info:
browser, jak se chovají jiné průhledné obrázky (gif)( png z jiného zdroje ) a vliv barvy pozadí tj. css backgroung-color pod obrázkem
Kdyby to nešlo zprovoznit, pak je možné pomocí CSS připravit verzi s 1.sadou png pro screen a 2.sadou (např. obrázky s bílým pozadím) pro tisk. Snazší je to u obrázků deklarovaných ve stylech jako backgroung-image DIVu, jenže tady je problém s tiskem pozadí v browserech. Jinak by šlo dát prvek IMG 2x za sebou a pomocí stylů je přepínat.
To Melmen_CZ : Asi najjednoduchšie riešenie by bolo spraviť alternatívny CSS dokument pre tlač (tisk), v ktorom by boli linky na obrázky .jpg alebo .gif.
XHtml:
<link rel="stylesheet" href="zakladny.css" type="text/css" media="screen" />
<link rel="stylesheet" href="stylesheet_pre tlac" type="text/css" media="print" />
Pre príklad uvediem aj obsah CSS súbory, ten si pravíš ako budeš chcieť
CSS (zakladny.css):
#content {background: url(obrazok.png); }
CSS (stylesheet_pre_tlac.css)
#content {background: url(obrazok.gif);}
To Petroff : Zdravím: browser jak IE, tak i Mozilla se chovají naprosto stejně. Backgroung-color pod obrázkem může být jaké chce, ale výsledek je pořád stejný. Vytvářet CSS pro tisk by byla docela zabijárna, neboť těch obrázků je docela mnoho (firemní katalog výrobků). Jediné řešení je asi jen bílé pozadí na WEBu a brázky ve formátu *.jpg.
Co se týká *.gif, tak je to v pohodě, ale to vykreslení barev obrázku je přímo děsné.
<to Gabo>
Vydedukoval jsem, že soubory s obrázky se zobrazují jako obsah prvků IMaGe, nikoliv obr.pozadí bloků.
Odhaduji že browsery pozadí netisknou (ty které ano jen pokud to nařídíme)
<to Melmen_cz>
Jestli se jedná o katalog (zřejmě zboží) pak moc nerozumím účelu průhlednosti...(snad v případě podkladu grafického nebo střídajícího barvy - pak by ovšem jpg na bílé mohl kazit design.
Napadla mě možnost použít javascript - menšina s vypnutým JS by se "spokojila" s výchozím <img src="xxx.jpg"> a bílými styly pro podklad . Jinak JS načte alter-grafický styl, místo xxx.jpg stejnojmenné xxx.png a rovněž zprovozní tlačítko pro tisk - po jeho zmáčknutí JS změní src obrázků zpět na jpg a spustí tisk (třetí várka css pro tisk se používá normálně - ať už se zapnutým nebo vypnutým JS).
Pokud nejde o rozsáhlý web, lze použít - jak radí pawlik - dvojí verze stránek. Případně je generovat pomocí PHP (dohad)
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Problém při tisku z PS CS5 — založil keikos
Knihovna GD - jiné chování pří formátu jpg a png! — založil michal.vacha
Obrázok PNG pri zmenšení zostane čierne pozadie — založil zelenac1
Broblikávání obrázků při posunu — založil Navara
Změna obrázku při najetí myši ? — založil aTTix
Moderátoři diskuze