mam DIV2 v ktorom mam dalsii DIV1.

v DIV1 back je priesvitny obrazok vysoky 500px, linearny gradient konciaci ciernou farbou
v DIV2 back je cierna farba, ktora rusi priesvitnost DIV1, a nadvazuje na koniec gradientu

chcem mat vlastne poziadie DIVu zlozene z priesvitneho obrazka s pevnou vyskou a ciernej farby ktora sa doplni ked text prekroci vysku toho obrazku.
existuje nejaka moznost aby sa zachovala priesvitnost 500px a az potom nasledovalo cierne pozadie?

neexistuje

nuz a kolko je taka max. odporucana vyska stranky ? zeby som to dal ako 1 obrazok...

co takto pohrat sa s tym tak, ze nastavis divu cierne pozadie, a umiestnin don obrazok zo zapornym z-indexom, popripade nejakym JS

tak pohrat sa stym?

len co ziskam tym ze bude cierna v predu alebo v zadu, neviem ako si ten z index myslel..

a ten nejaky JS si dam poradit

nič tým nezískaš, keďže je obrázok priesvitný. AK bude čierna pred ním, bude celá stránka čierna. Ak bude za ním, bude ten gradient presvitať a bude zase všetko čierne. Ten čierny div musí byť pod tým s gradientom, ale potom sa ti bude pri dlhšom texte naťahovať div s textom a nebude prechádzať z jedného do druhého. Neviem prečo musí byť ten obrázok priesvitný, to robí celú galibu. Keby nebol, tak to dáš tomu divu ako pozadie, naštýluješ ho hore a bez opakovania a nastavíš mu aj farbu na čiernu

priesvitny je preto lebo som to tak nadizajnoval na hovno ...

takto to bude,bud to zmenim na 50%opacity ciernu, alebo dam gradient s vyskou 2000px a bude

Nedajú sa náhodou v novom CSS nastavovať aj dva obrázky súčasne? jeden (transparentný) budeš mať na pevno a druhému čiernemu pásiku nastavíš repeat y

neviem o tom, ak áno tak sa rád naučím niečo nové

No tak teda nie. Nefunguje tak ako som si myslel. Keby sa dalo nastaviť repeat-y od určitej px pozície, tak by to fungovalo ale to sa asi nedá.