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

Poučný článek :)

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

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

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

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

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

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?

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

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:

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

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

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ý.

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ý.

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

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

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

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

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.

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

Reagoval na komentář od uživatele Martin Maruša :
http://www.dedestruct.com/2008/03/06/how-to-cross-browser-css-transparent-divs-with-opaque-content/

D-Fox píše:

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

D-Fox píše:

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

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.

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

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

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... ? ;)

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í..

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

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.

Úž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!!!

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.

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?

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

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.

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

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

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>

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.

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

moc mi to pomohlo :-)

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 píše:

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

to jsem si samozrejme opravil

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

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

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

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

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á :-(

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

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

#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%....

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