Diskuze: Problém s opacity

HTML a CSS HTML a CSS Problém s opacity American English version English version

Aktivity (1)
Avatar
Ondrca
Redaktor
Avatar
Ondrca:19.1.2014 20:45

Ahoj, chci se zeptat, jestli jde udělat div, kterému nastavím:

opacity:0.5

tak, aby text v něm neměl opacity, ale aby byl pěkně vidět.
Dík

Odpovědět 19.1.2014 20:45
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
Michal Žůrek (misaz):19.1.2014 20:54

napadá mě že můžeš (ale nevím jestli to funguje)

div p {
    opacity: 1;
}
Nahoru Odpovědět 19.1.2014 20:54
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:19.1.2014 20:57

Tohle bohužel nefunguje.

Nahoru Odpovědět 19.1.2014 20:57
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
Michal Žůrek (misaz):19.1.2014 21:01

pak máš ještě variantu prasekódu, že ty divy budou dva, oba budou mít stejnou pozici, jeden nebude mít žádné pozadí a ten druhý to co máš nastavené. Text dáš do toho s průhledným pozadím.

Jo a ještě mě napadá nestačí ti RGBA?

background-color: rgba(255, 0, 0, 128);

128 je ta průhlednost

Editováno 19.1.2014 21:02
Nahoru Odpovědět  +1 19.1.2014 21:01
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:19.1.2014 21:05

u rgba nefunguje pruhlednost ten div potom zkusim.
mozna by to slo nakreslit si pruhledne pozadi ale to nevim.

Nahoru Odpovědět 19.1.2014 21:05
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
Michal Žůrek (misaz):19.1.2014 21:05

jak nefunguje?

Nahoru Odpovědět 19.1.2014 21:05
Nesnáším {}, proto se jim vyhýbám.
Avatar
kleofas.hatlapatka:19.1.2014 21:05

Ó bóže, kdy to lidi pochopí ??? :/

Zadej semka prosím celý kód včetně css, nebo odkaz na jsfiddle či podobné. Nemáme křišťálové koule abychom pochopili souvislosti, třeba může být zádrhel jinde nebo se to dá napsat efektivněji.

Nezapomínej na ; středník!

Editováno 19.1.2014 21:06
Nahoru Odpovědět  -3 19.1.2014 21:05
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:19.1.2014 21:07

Jo sorry - uz to funguje, ja jsem tam nechal to 128.

Nahoru Odpovědět 19.1.2014 21:07
Zase jsem o něco chytřejší
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na kleofas.hatlapatka
Ondrca:19.1.2014 21:08

v css nedelam poprvy takze na stredniky nezapominam, a tohle je na par radku takze kod by nemusel byt.
PS:// diky Misaz

Nahoru Odpovědět 19.1.2014 21:08
Zase jsem o něco chytřejší
Avatar
Odpovídá na Ondrca
kleofas.hatlapatka:19.1.2014 21:11

Á konstruktivní kritika moc nevoní že ? No co se dá dělat. Nechtěl jsem nikterak shazovat tvé umění, ale i těm nejlepší se prostě může stát, že přehlídnou drobnost co druhý hned uvidí -> proto ten kód.

Mimo jiné ke středníku, podívej se do svého prvního postu. ;)

Nahoru Odpovědět 19.1.2014 21:11
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Odpovídá na kleofas.hatlapatka
Michal Žůrek (misaz):19.1.2014 21:12

občas jsou dotazy kde jeho

opacity:0.5

mluví za vše. Celkem si dokážu představit jeho zdrojový kód, protože ho i znám déle tak vím že na středník asi nezapomene, navíc u většiny IDE, když nenapíšeš středník přestane fungovat syntax highlighter, čehož si musí všimnout.

Proto si nemyslím že by tu byl jeho celý zdroják až zas tak zásadní.

Editováno 19.1.2014 21:13
Nahoru Odpovědět  +1 19.1.2014 21:12
Nesnáším {}, proto se jim vyhýbám.
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Petr Nymsa:19.1.2014 21:26

v rgba musí být hodnota pro alpha v rozmezí 0.0 - 1.0

Nahoru Odpovědět  +1 19.1.2014 21:26
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Odpovídá na Petr Nymsa
Michal Žůrek (misaz):19.1.2014 21:34

jak jsem to psal z hlavy jsem si toto neuvědomil.

Nahoru Odpovědět 19.1.2014 21:34
Nesnáším {}, proto se jim vyhýbám.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.