| Autor | Zpráva | ||
|---|---|---|---|
| hal_sk Profil |
#1 · Zasláno: 25. 3. 2008, 00:03:12
Zdravím.
Začínam s webdesignom a neviem ako dosiahnuť priehľadnosť časti *.png obrázku (napr.: block_menu.png - biela farba má byť transparency). Sry, že Vás s takouto chujovinkou otravujem, ale naozaj som to nikde nevygooglil. Všade sa rieši len problém nesprávneho zobrazovania transparency v IE, ale ten základ som nejako nezaregistroval. Takže. Transparency farba sa nastavuje v obrázku, alebo v html/css kóde. A ako. Ďakujem za info. |
||
| Medvídek Profil * |
#2 · Zasláno: 25. 3. 2008, 00:10:10
To si nastavis v programu :)
|
||
| hal_sk Profil |
#3 · Zasláno: 25. 3. 2008, 00:19:05
To si nastavis v programu :)
Myslíš Photoshop? Kde? Pri ukládaní do *.png sa ma akurát opýta či uložiť vrstvy, alebo nie. |
||
| Miloš Profil |
#4 · Zasláno: 25. 3. 2008, 00:29:18
Transparency farba není problém.
Není problém s jednou barvou, která má nastavenou naprostou průhlednost. Tohle umí i GIF, se kterým taky nebyl problém. Problém v IE je s průsvitností, neboli 256 „odstíny“ průhlednosti, čili tzv. alfakanálem. Schválně se podívej na následující obrázek jendak v IE 6, a pak v nějakém prohlížeči (FF, Opera, IE 7): 
Chybné zobrazení v IE 6 se však dá eliminovat, viz například http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=5&topic=61 388 |
||
| hal_sk Profil |
#5 · Zasláno: 25. 3. 2008, 00:35:40
Miloš
Ano. To je problém, aj keď vypadá to tak, že riešiteľný. Ale momentálne by som rád zvládol aspoň to nastavenie transparency color (základné, nie (zatial) multikanálové). Kde sa to vo Photoshope dá nastaviť? |
||
| Medvídek Profil * |
#6 · Zasláno: 25. 3. 2008, 00:58:13
Miloš
Tady šlo spíš o to jak ho vytvořit, ne zobrazit :) Bohužel v photoshopu nedelam :( |
||
| flz Profil |
#7 · Zasláno: 25. 3. 2008, 02:43:29 · Upravil/a: flz
hal_sk
transparentne plochy si musis spravit vo photoshope a to tak, ze v dokumente ktory ma transparent background jednoducho vymazes grafiku, resp. nastavis gradient na priehladnu farbu. potom takyto obrazok vyexportujes cez File>Save for Web do formatu PNG-24 a zaskrtnutym polickom Transparency. ak sa ti to nepodari, tak napis a poslem sem screenshot |
||
| hal_sk Profil |
#8 · Zasláno: 25. 3. 2008, 10:01:56
flz
Aha, dík. Ja som používal "Save as", a mal som použiť "Save for Web", tam som robil chybu. Ešte musím vyšpekulovať správne zobrazenie v IE a bude to OK. Keď sa mi to nepodarí, tak ešte vznesiem dotaz. Zatím dík. |
||
| hal_sk Profil |
#9 · Zasláno: 25. 3. 2008, 10:16:34
Tak už to ide aj v IE6.
Použil som tento návod: eroxia.net/... A tieto CSS kódy: #pruhledne
{
height: 500px;
width: 500px;
margin: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='test2.png',sizingMethod='scale');
}head:first-child+body #pruhledne{
background: url(test2.png);
} |
||
|
Časová prodleva: 11 dní
|
|||
| Besir Profil |
#10 · Zasláno: 5. 4. 2008, 15:18:24
heh já mam jinej problém, mě se sice v poho daří zobrazit png transparent i s alfa maskou pokud je jako element img ale pokud je z css tak to nejde, poradí mě někdo ?eventuelně jak ve photoshopu vytvořit png32 . Děkuji
|
||
| Miloš Profil |
#11 · Zasláno: 5. 4. 2008, 15:26:05
Besir
S Fotošopem ti sice neporadím (pro mé amatérské počiny je Gimp víc než dostačující), ale pokud jde o RGBA-PNG vkládané pomocí CSS, skvěle se mi osvědčil ie6pngfix.htc – viz výše uvedený odkaz na http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=5&topic=61 388 |
||
|
Časová prodleva: 3 měsíce
|
|||
| Ponožka Profil * |
#12 · Zasláno: 1. 7. 2008, 10:17:03
Ja som sa inšpirovala týmto kódom,ale v Opere mi obrázok nezobrazí.
#pruhledne { height: 493px; width: 251px; margin: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='clanky.png',sizingMethod='scale'); } hack: first-child+body #pruhledne{ background: url(clanky.png); } |
||
| Ponožka Profil * |
#13 · Zasláno: 1. 7. 2008, 12:09:54
* head: first-child+body #pruhledne{
|
||
| Miloš Profil |
#14 · Zasláno: 1. 7. 2008, 18:27:01
Ponožka
Tak tohle jsem nějak nepobral. To je nějaký hack? A proč je za head ta dvojtečka? |
||
| Měsíček Profil |
#15 · Zasláno: 1. 7. 2008, 18:30:00
"Tak tohle jsem nějak nepobral. To je nějaký hack? A proč je za head ta dvojtečka?"
To je spolehlivý hack, jak odrovnat všechny prohlížeče :) .. bez milosti. |
||
| Ponožka Profil * |
#16 · Zasláno: 1. 7. 2008, 18:44:32
ale mne nejde :( čo mám na ňom zle?
|
||
| Měsíček Profil |
#17 · Zasláno: 1. 7. 2008, 19:21:12
Vše.
|
||
| Ponožka Profil * |
#18 · Zasláno: 1. 7. 2008, 20:25:09
Thanx
|
||
| Ponožka Profil * |
#19 · Zasláno: 1. 7. 2008, 20:26:17
Thanx
|
||
|
Časová prodleva: 17 let
|
|||
0