Autor | Zpráva | ||
---|---|---|---|
pl4toon Profil |
Ahoj,
potřebuji poradit, jak nastylovat tři vrstvy background. Jedná se o dva obrázky a stín v svg souboru. Konkrétně chci udělat stejné pozadí jako tady http://lsd-songs.4fan.cz, je to Joomla - šablona Drive od YOOtheme. A to stejné pozadí chci udělat na vnořeném fóru http://lsd-songs.4fan.cz/forum. Ale nedaří se mi to. Vždy mi některý prvek překrývá ten druhý tak, že není vidět, nebo se jeden z nich vůbec nezobrazí. Dobře je to vidět např. tady: http://lsd-songs.4fan.cz/forum/ucp.php?mode=login Mohl byste mi s tím prosím někdo pomoci? Poradit, nakopnout správným směrem ... CSS3 je pro mě nové, moc s tím neumím. |
||
pl4toon Profil |
#2 · Zasláno: 6. 6. 2014, 01:29:26
momentállně to mám nastylované takto:
html { background: #303235 url(./images/page.jpg) 50% 50% fixed repeat; } body { color: #808080; background: #303235 url(./images/dots.png) 50% 50% fixed repeat; } #bg-light { height: 100%; width: 100%; background: url(./images/page_gradient_light.svg) 50% -400px fixed no-repeat, url(./images/page_gradient_dark.svg) 50% 0 fixed no-repeat; background-size: 1200px 900px, 2560px 400%; } Ale stejně mi to nějak zlobí, page.jpg je schovaný pod dots.png a není vidět. Když je prohodím, tak zase opačně, page.jpg překrývá dots.png. Teoreticky by page.jpg měl být vespod, střední vrstva by měla být dots.png (skrze něj by měl prosvítat page.jpg) a svrchní vrstva svg stín. Ale když je tak seřadím, tak to nefunguje, vždy jeden obrázek překrývá druhý, neprosvítají. Kde může být chyba? U šablony na Joomla je to zapsané takto: @import url(gradient.css); /* Background Style Sheet */ body#page { background: #303235 url(../../images/background/noise/page.jpg) 50% 50% fixed repeat; } #page-bg { background: url(../../images/background/noise/dots.png) 50% 50% fixed repeat; } Gradient.css obsahuje toto: @media (min-device-width: 1025px) { #page-bg > div { background: url(../../images/background/page_gradient_light.svg) 50% -400px fixed no-repeat, url(../../images/background/page_gradient_dark.svg) 50% 0 fixed no-repeat; background-size: 1200px 900px, 2560px 400%; } } |
||
pl4toon Profil |
Ok, jsem tele, už mi dots prosvítají, zapoměl jsem odstranit barvu pozadí. Můžete smazat jestli chcete.
|
||
Časová prodleva: 11 let
|
0