Názory ke článku CSS průhlednost a nastavení krytí – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Názory ke článku CSS průhlednost a nastavení krytí – Programujte.comNázory ke článku CSS průhlednost a nastavení krytí – Programujte.com

 

Názory ke článku CSS průhlednost a nastavení krytí

dobrý   NOVÝ
1. 5. 2008

Poučný článek :)

netman92   NOVÝ
1. 5. 2008

Reagoval na komentář od uživatele dobrý :
to hej niekedy sa to zíde :-D

jakubk   NOVÝ
1. 5. 2008

Reagoval na komentář od uživatele dobrý : Souhlas, po nějaké době zase pro mě přínosný článek, navíc výborně napsaný, se spoustou příkladů, jen tak dál!:)

Alex Sedron   NOVÝ
1. 5. 2008

CSS je fajn věc a tímhle se to ještě více zdokonaluje. Jen škoda, že toho neumí ještě víc. Ale na to jsou asi jiné jazyky..... Ale o průhlednosti jsem se nikde v knížkách nedočetl.... (že bych četl blbě??) Díky

sir_arthur   NOVÝ
1. 5. 2008

priehladnost je fajn, ako by si vsak riesil, podklad, na tom polopreiehladnu vrstvu a na tom text? tak aby ten text mal 100% opacity?

Urbik   NOVÝ
1. 5. 2008

Výbornej článek a to ne jen informační hodnotou, ale i spracováním. To už jsem dlouho neviděl! :smile2:

EcLiPs3   NOVÝ
2. 5. 2008

Martin Maruša píše:

priehladnost je fajn, ako by si vsak riesil, podklad, na tom polopreiehladnu vrstvu a na tom text? tak aby ten text mal 100% opacity?


myslím, že to nejde :( experimentoval jsem, zkoušel jsem, ale nikdy se mi to nepovedlo...

JMM   NOVÝ
2. 5. 2008

Fakt dobrý článek, sem doteď opacity nevyužíval pač s PNG mi to nějak nešlo... ted už vím jak na to... ;-)

w3m   NOVÝ
2. 5. 2008

Krásně napsaný článek. Já sem vždycky používal jen filter: a -moz-opacity: , o ostatních sem vůbec nevěděl. :smile2: :smile2: :smile2:

Colpik   NOVÝ
2. 5. 2008

Mám zajímavý dotaz. Šlo by nějak udělat, aby průhledný div obsahoval neprůhledný obrázek?

Alex Sedron   NOVÝ
2. 5. 2008

Reagoval na komentář od uživatele Pavel Tobiáš :
Určitě jo, ale ten obrázek se ti stejně zprůhlední, protože je podřazený Divu.. jestli se nepletu...

w3m   NOVÝ
2. 5. 2008

Reagoval na komentář od uživatele Pavel Tobiáš : Myslím, že když nastavíš obrázku opacity parametry na 1.0, tak by měl být neprůhledný.

pa3k   NOVÝ
2. 5. 2008

Reagoval na komentář od uživatele Roman Bartoš :

Kvôli dedičnosti to nejde. Jedine napozicovať (alebo nascriptovať pocou JS) tak, aby boli bloky vizuálne presne nad sebou ale aby nebol jeden v druhom zanorený.

pa3k   NOVÝ
2. 5. 2008

Bylo by to vše, co k průhlednosti potřebujete, kdyby všechny prohlížeče podporovaly běžné standardy.



Vidím to inak. Keby teoretici z konzorcia, odtrhnutí od reality, spravili špecifikáciu podľa zavedenej praxe, mohlo to byť jednotnejšie ak nie úplne jednotné. Mám pocit, že priehľadnosť alebo filtre všeobecne fungovali v IE5 dávno pred tým, ako toto navrhli páni z konzorcia do CSS. Proste klasika - najprv je implementácia, nasleduje doporučenie CSS. Samozrejme doporučenie W3C je v rozpore so zavedenou praxou. :-/ Pripomína mi to chaos v BOX modeloch.

PS: dobrý článok, aj keď som sa takmer nič nové nedozvedel.
PS2: je to použiteľné aj v DHTML, dá sa spraviť pekný prechodový filter. http://www.sujan.sk/ zdroják (© Dynamic Drive): http://www.sujan.sk/image/sujan/base.js

D-Fox   NOVÝ
2. 5. 2008

Moc pěkně napsaný článek.. Ale předpokládám, že tohle asi moc validní nebude co :smile14:

Colpik   NOVÝ
2. 5. 2008

Reagoval na komentář od uživatele D-Fox :
No tak to rozhodně nebude :smile1:

tom*p   NOVÝ
2. 5. 2008

Reagoval na komentář od uživatele D-Fox :
V CSS 3 je validní opacity, ovšem filter, -moz-opacity ani -khtml-opacity nikoliv.

EcLiPs3   NOVÝ
3. 5. 2008

tom*p píše:

Reagoval na komentář od uživatele D-Fox :
V CSS 3 je validní opacity, ovšem filter, -moz-opacity ani -khtml-opacity nikoliv.


... ale jestli validita nebo správná zobrazení ve všech prohlížečích... dlouho bych neváhal ;)

gaben   NOVÝ
3. 5. 2008

Veľmi dobrý článok. :smile2:

bukaj_001   NOVÝ
3. 5. 2008
pa3k   NOVÝ
4. 5. 2008

D-Fox píše:

Ale předpokládám, že tohle asi moc validní nebude co


Nie nebude a komu to vadí? BTW: Validné CSS? Podľa ktorej verzie? Podľa najnovšej? V CSS má W3C taký chaos, že v CSS1 je niečo OK, v CSS2 to bolo zrušené (nevalidné) a v CSS3 to bude zas OK. Jednotlivé verzie CSS nie sú dopredne kompatibilné. Čo zo stránkami, ktoré mali CSS plne validné v dobe ich vytvorenia? Podľa najnovšej verzie CSS sú to zmetky porušujúce doporučenia? Asi áno. :) Alebo s každou novou "geniálnou" myšlienkou sa všetci po*erieme a kvôli validite budeme prepisovať všetky staré weby? http://www.webylon.info/K.CSS Nie, nech si páni z W3C tú ich validitu niekam strčia. A poriadne hlboko ;-)

Smokie   NOVÝ
5. 5. 2008

D-Fox píše:

Moc pěkně napsaný článek.. Ale předpokládám, že tohle asi moc validní nebude co :smile14:


Validnost je irelevantna. Dolezita je funkcnost a zobrazitelnost.

xxx   NOVÝ
6. 5. 2008

Super článek moc díky. Jen škoda že to není validní, ale co. A dokonce to funguje i v IE6 tady ve škole a doma mi nejede net takže to nemužu testnout i jinde. Ale tyto stránky se mi tady nějak špatně zobrazují v IE6 škoda :-(

Díky j1rka.

Santas   NOVÝ
7. 5. 2008

je lepsie mat validny web, ktory sa nebude nikde dobre zobrazovat, alebo jemne nevalidny a dobre sa zobrazujuci?
napr. css hacky su nevalidne, ale niekedy potrebne

Smokie   NOVÝ
10. 5. 2008

Reagoval na komentář od uživatele xxx :
Na validnost sa mozes vykaslat :) Pokial ti poskodzuje pouzitelnost, tak sa na nu musis vykaslat.

Frosty   NOVÝ
10. 5. 2008

Reagoval na komentář od uživatele Smokie : Přesně tak, validita je jen pozlátko. Když je web validní, tak fajn, ale když není a přesto se zobrazuje ve všech browserech správně, tak na co nějakou validitu... ? ;)

Zelenáč   NOVÝ
11. 5. 2008

Reagoval na komentář od uživatele Zdeněk Lehocký :
Smutné na tom je, že právě validita by měla být záruku správného zobrazení..

j1rka   NOVÝ
13. 5. 2008

no ale někdy čtu když chce někdo nějakou stránku nakodovat (teda teď myslím webdesign jako práci) že chce aby to bylo validní což je pak ten můj problém že to nemůžu teda toto použít.

j1rka

Honzas   NOVÝ
19. 5. 2008

Nevim, kde je chyba, ale mně se většina ukázek nezobrazuje. :smile10: Koukal jsem na to jak v Opeře, tak ve Firefoxu. Takže použitelný to asi mic nebude.

miriam   NOVÝ
20. 5. 2008

Úžasné stránky, které pomůžou takovým jako já - amatérský výrobce webstránek.....
skvěle popsaný postup jak zprůhlednit obrázky v prohlížečích i s odkazy....super!!!
Dík!!!

Anonymní uživatel   NOVÝ
20. 5. 2008

Honzas píše:

Nevim, kde je chyba, ale mně se většina ukázek nezobrazuje. :smile10: Koukal jsem na to jak v Opeře, tak ve Firefoxu. Takže použitelný to asi mic nebude.


Nejspíš někdo omylem smazal obrázky, mrknu na to.

Michal Kučera   NOVÝ
12. 6. 2008

Zdravím

vypadá to zajímavě. Ovšem, jak by to bylo, kdybych chtěl udělat (třeba v logu) proužek s průhledností asi 50% a normálním černým textem?

Feodaron   NOVÝ
14. 7. 2008

Stejně jako ostatní bych za tenhle článek chtěl poděkovat, skutečně informace, kterou člověk najde málokde.

Bubák   NOVÝ
20. 7. 2008

Koukněte do zdrojáku, pozadí zprůhlední po najetí myši, ale není problém to upravit.
http://teststranek.kvalitne.cz/transparent-plus-text/
Jak bylo napsáno několikrát výše, normálně to nejde, takže bloky jsou jednoduše napozicovány nad sebe, využívám přitom přirozený z-index.

michal   NOVÝ
11. 9. 2008

nejak to nefunguje pod IE6. jinak mi nepride jako moc dobry napad davat jako priklad upravene obrazky.

http://www.mandarindesign.com/opacity.html

110110010   NOVÝ
7. 12. 2008

Reagoval na komentář od uživatele pa3k :
Ale dá se :)



<div class="podklad">
<div class="pruhledna" style="position:absolute; width:100%; height:100%></div>

<div class="text">
Nějaký text
</div>
</div>

by mělo fungovat(inline CSS samozřejmě hodit do externiho :) )

Petr   NOVÝ
2. 3. 2009

tom*p píše:

Reagoval na komentář od uživatele D-Fox :
V CSS 3 je validní opacity, ovšem filter, -moz-opacity ani -khtml-opacity nikoliv.



Ale je to validni. Standard CSS vyslovne povoluje pridavat proprietarni vlastnosti. Jedinou podminkou je, ze nazev te vlastnosti musi zacinat znakem "-". A to obe uvedene vlastnosti splnuji. Prasata od Microsoftu bohuzel zadna pravidla nerespektuji a delaji v tom bordel.

Nattyska   NOVÝ
21. 4. 2009

postupna pruhlednost pri najeti mysi "hover" nejde? zatim to resim pomoci javaskriptu, ale pokud je jina lepsi moznost tak...

Lucas   NOVÝ
26. 5. 2009

moc mi to pomohlo :-)

MajkyyX   NOVÝ
1. 9. 2009

Dobry den, mam problem s IE8 .. nejde tam ta pruhlednost textu..

zkousel jsem na pevnem pozadi udelat neviditelny text, v opere, ff, chrome neni problem ale v IE 8 je text cerny..
html:
<div id="menu" >
<p>
aaa
</p>
</div>
css:
#menu {
margin-top:38px;
float:left;
background-image:url(../img/menu.jpg);
width:192px;
height:142px;
}

#menu text{
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

MajkyyX   NOVÝ
1. 9. 2009

MajkyyX píše:

akorat koukam ze tam mam #menu text{ misto #menu p{

to jsem si samozrejme opravil

stzdrha   NOVÝ
14. 12. 2009

Ať to tam vkládám a kombinuju jakkoli tak to nefunguje.A to sem potřeboval ten zprůhlednit pozadí tabulek vuči pozadí stránky.No žádnej ajnštajn nejsem a asi nebudu,Prosím poraďte.sem začátečník.Děkuji

Anonymní uživatel   NOVÝ
10. 2. 2010

Reagoval na komentář od uživatele Ondřej Špulák :Tak si nastavíš třídu zvlášť pro proužek a zvlášť pro text.

Anonymní uživatel   NOVÝ
10. 2. 2010

Reagoval na komentář od uživatele Pavel Tobiáš :samotná opacity validní je ;)

martin   NOVÝ
13. 9. 2010

Romane, možná jsem tatar nebo mi něco uniká, ale pokud udělám pomocí uvedený konstrukce div s průhledným pozadím, zprůhlední se taky text kterej ten div obsahuje. Jak se to dá udělat aby div měl průhledný pozadí ale písmo bylo standardně?
Nějak nevěřím že bych musel udělat další div a napozicovat ho nad ten průhlednej...

Umaadaak   NOVÝ
13. 11. 2010

Reagoval na komentář od uživatele martin :
Zajímá mě totéž. Už 2 hodiny se snažím přijít na to jak to udělat aniž bych muse pozicovat další div s textem a už mě opravdu nic nenapadá :-(

Anonymní uživatel   NOVÝ
5. 6. 2011

Reagoval na komentář od uživatele Umaadaak :
tak si odstavec v daném divu nastyluj s opacity 1.0 a bude :-)

Umaadaak   NOVÝ
17. 6. 2011

Reagoval na komentář od uživatele Anonymní uživatel :
Ty jo už je to nějaký pátek co jsem to řešil, zkoušel jsem všechno ale nic se mi nedařilo, nakonec jsem použil poloprůhledný png na pozadí divu ...

Nimleaf   NOVÝ
24. 2. 2012

#7 EcLiPs3

Jde to - jen nepoužívej opacity, ale RGBA příklad:

background: rgba(255,255,255,0.2);

Toto ti udělá bíle pozadí s průhledností 20%....

martin   NOVÝ
4. 10. 2012

když dám všechny 4, tak mi to u IE stejnak nejede... :-/

Přidej svůj názor

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo e-mailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Reaguješ na příspěvek:
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové názory e-mailem (pouze pro přihlášené)
Sleduj názory ke článku a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.



Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý