Černý podklad při tisku *.png transparetních obrázků – CSS – Fórum – Programujte.com

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

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" />

#content {background: url(obrazok.png); } 

#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 Melmen_CZ : Tak používej .jpg - vykresluje pěkně

To Melmen_CZ : Zvaž, jestli je na tvé stránce co tisknout. Co udělat odkaz na stránku optimalizovanou pro tisk, třeba bez menu? Design stejně moc není určený pro tisk :P

<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)