Nechci uplně průhledný obrázek...
Ahoj, čtu tu hodně článků o průhledném pozadí ale nějak se mi to nepovedlo.. Víte já nechci uplně průhledný obrázek, ale chci něco jako tohle > http://bs.jxs.cz/global/images/templates/1019/scre enshot.jpg vídíte, jak ta oranžová, kde se píše článek je průhledná ale je pořád to té své oranžové barvy? Já bych chtěl totiž vytvořit taky takovejhle přesně, jen to bude mít jinou barvu a jibé pozadí za tím.. Jak to udělat? :// Budu pracovat s GYMPem?
toto nebudeš riešiť GIMP-om, mám pocit že by si potreboval toto: http://www.w3schools.com/css/css_image_transparenc y.asp
Dá se řešit CSS stylem - více viz kniha: Eric Meyer o CSS – Pokračujeme s kaskádovými styly PROFESIONÁLNĚ
První možnost - velký obrázek na pozadí něčeho (třeba body). Vložíš div např 500 x 500, který bude mít nadefinované pozadí (oranžová) a do něj píšeš.
Druhá možnost - Uděláš obrázek s tou kostkou (v kterémkoli editotu) - vložit hranatý tvar (lze i oblý), Dáš jako pozadí body - background-repeat: no-repeat, nadefinuješ div bez pozadí, který ale bude na té kostce.
Třetí možnost (tak bych asi udělal já) - vyrobil bych si 2 obrázky se zaoblenými rohy vysoké 10px - jeden nahoru a druhý dolu. Dal bych pozadí body to velké, pak horní obrázek (margin: 302px auto), div na psaní stejně široký (margin: 0 auto; padding 0 10px), spodní obrázek (margin: 0 auto) a nafukovalo by se mi to dolu podle délky textu (asi možná kéž by).
Jo teď jsem se všiml, ono je to takové poloprůhledné. To se dělávalo tak, že se udělaly pixely jako šachovnice (oranžový bílý), třeba 30x30px pak se nastavila bílá průhledná a dalo se to jako pozadí toho divu, kam se píše.
K vidění zde
http://krata.bubakov.net/www/pokusy/pruhledne-poza di/
Alfa kanal nic nerika? Myslim, ze jde nastavit i v CSS primo pruhlednost barvy.
Koukám, že už to IE i podporuje. Pro starší se to však stejně musí dělat jinak.
opacity.html
edit://Ono ani tak nejde o to, jak to udělat "moderněji", ale o to, aby se to spolehlivě zobrazovalo pokud možno stejně ve všech prohlížečích, což u průhledného gifu není problém.