| Autor | Zpráva | ||
|---|---|---|---|
| leorond Profil |
#1 · Zasláno: 24. 10. 2015, 14:00:26
Ahoj, mám takovou otázku která by šla možná stejně dobře řešit i přes nějaký photoshop ale rád bych napřed něž začnu zbytečně cpát přes sebe obrázky věděl zda to jde udělat třeba jen v CSS.
Umím udělat průhlednou tabulku ale co když bych ji chtěl udělat z leva do prava od světlejší barvy do tmavší barvy abych na to mohl hodit bílí text a pod to širší obrázek než by byla tato tabulka? Dokázal by mi někdo s tímto pomoci? |
||
| anonymníí Profil * |
#2 · Zasláno: 24. 10. 2015, 14:29:50
leorond:
Jestli jsem dobře pochopil, co chceš, tak to je primitivní. Ukaž, co jsi zkoušel a od čeho se můžeme odrazit. |
||
| Tomáš123 Profil |
leorond:
Môžeš si ufotošopovať obrázok, ktorému nastavíš potrebný nádych farby a priehľadnosť a potom ho dáš ako pozadie tabuľky. Prípadne to ide aj v čistom CSS cez gradient v kombinácii s opacity (priehľadný bude aj obsah tabuľky) alebo RGBA formátom zápisu. Toto riešenie má ale horšiu podporu.
Alternatívne ide prvok aj absolútne napoziciovať na tabuľku a roztiahnuť ho cez deklarácie: top: 0; right: 0; bottom: 0; left: 0;. Musel by si ale poznať jej rozmery alebo jej nastaviť display: inline-block. S prvkom medzi značkami tabuľky to nefunguje
|
||
| leorond Profil |
Děkuji anonymníí
Mám takovouto tabulku která má nastavenou průhlednost, nenašel jsem nikde na toto návod tedy kromě zesvětlování a zatmavování určitého kousku obrázku a zatmavovat ho po slabých pruzích se mi zdálo až příliš složité, myslím že výsledek by byl špatný. Zkoušel jsem google ale nevím jak to tam přesně zadat aby mi vylezlo to co já bych právě chtěl. Pod touto tabulkou bude umístěn obrázek který bude tabulka na pravé straně z poloviny překrývat. .tabulka {
width:300px;
height:150px;
text-align:center;
border: 0px solid #FFFFFF;
}
.tabulka {
background-color: rgb(128,128,128);
background-color: rgba(0,0,0,0.3);
}Ano Tomáš123 vím že bude problém s IE, skoro vždy je s ním problém. Měli by se nad sebou hoši z Microsoftu opravdu zamyslet :D. Ovšem mohu to udělat v PS ale nejprve bych to rád vyzkoušel cestou CSS zda tam ty problémy opravdu budou. Právě z důvodu IE mám zapsané v CSS rgb i rgba |
||
| Tomáš123 Profil |
leorond:
„Měli by se nad sebou hoši z Microsoftu opravdu zamyslet :D.“ Preto lebo nevylepšujú staré prehliadače? Ani staré prehliadače iných výrobcov veľkú časť CSS3 vlastností nepodporujú, nepoužívajú sa však tak hodne ako prehliadače Microsoftu. |
||
| leorond Profil |
#6 · Zasláno: 24. 10. 2015, 15:41:11
To je jedno nebude probírat prohlížeče, mohl by mi tu někdo hodit jednoduchý příklad postupného zatmavení? Prosím
|
||
| Fisir Profil |
Reaguji na leoronda:
„Zkoušel jsem google ale nevím jak to tam přesně zadat aby mi vylezlo to co já bych právě chtěl.“ CSS gradient generator. Živá ukázka. (Samozřejmě by bylo vhodné doplnit fallback pro prohlížeče, které neznají gradient.)
|
||
| leorond Profil |
#8 · Zasláno: 24. 10. 2015, 15:57:38
Děkuji Fisir, přesně tohle jsem hledal.
|
||
| leorond Profil |
#9 · Zasláno: 24. 10. 2015, 17:52:14
Jinak kdo by potřeboval něco podobného jako já, zkuste tohle colorzilla.com. Našel jsem tam hotové řešení s ošetřením pro IE.
|
||
|
Časová prodleva: 9 let
|
|||
0