Autor Zpráva
xciza
Profil
Ahoj,
na webu mám fixní hlavičku aby při scrollování byla vždy vidět. Šlo by nějak pod ní při scrollování rozmazat obsah? Jsou tam jak texty tak obrázky. Hlavicka je cca 80px vysoká.
jefitto44
Profil
Šlo by hlavičke dať nejaké opacity, napr. opacity:0.8; v CSS, to treba asi urobiť najprv
xciza
Profil
Ale opacity není rozmazání. Když už tak blur ;) ale ten když té hlavičce nastavím, tak se samozřejmě pozadí nerozmaže. Rozmaže se jen to co je v ty hlavičce.
juriad
Profil
xciza:
Momentálně v CSS taková možnost není. Mohl bys teoreticky použít canvas, který bys umístil pod průhlednou hlavičku. Do canvasu bys vykreslil ten kousek stránky pod hlavičkou a následně jej rozmazal. Ale je to fůra práce a výsledek za to nestojí. Překreslovat při každé změně odskrolování; představ si také, co to provede s výkonem.

Nebo bys mohl celou stránku mít dvakrát - jednou v těle a podruhé pod hlavičkou a synchronizovat jejich odskrolování.
xciza
Profil
Ok, díky. Myslel jsem si to ;)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0