Diskuse JPW: Nejde pozadie css3 pattern background

	Autor	Zpráva
	IdemeNaHavaj Profil	#1 · Zasláno: 16. 3. 2013, 20:25:09 Odpovědět Citovat http://lea.verou.me/css3patterns/#rainbow-bokeh background: radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0, linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%); background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%; background-color: #840b2a; Viete prečo mi to nejde v <div>-e? Iba mi to div vyfarbí na jednu farbu
	margin Profil *	#2 · Zasláno: 16. 3. 2013, 20:43:56 Odpovědět Citovat IdemeNaHavaj: „Viete prečo mi to nejde v <div>-e?“ Vím, Kaskádování » Pozdější vyhrává Změň pořadí, pravidlo pro vybarvení jednou barvou, které je určeno starší prohlížeče, které neznají gradient, dej jako první.
	IdemeNaHavaj Profil	#3 · Zasláno: 16. 3. 2013, 20:53:33 Odpovědět Citovat neviem prečo, ale nepomohlo
	margin Profil *	#4 · Zasláno: 16. 3. 2013, 21:07:09 Odpovědět Citovat Tak jsem odpověděl špatně, za mystifikaci se omlouvám, gradient není background-color, ale background-image, takže na pořadí deklarací nezáleží. Zkoušíš to v prohlížeči, který gradient neumí, nebo umí, ale jen s vendor prefixem. Takže budeš muset doplnit pravidla s -webkit- a -moz- , -ms- a -o- prefixy.
	IdemeNaHavaj Profil	#5 · Zasláno: 16. 3. 2013, 21:32:08 Odpovědět Citovat Neviem to tam dopasovať, nejde mi to nijak, neviem kde to mám dať?
	margin Profil *	#6 · Zasláno: 16. 3. 2013, 23:02:42 Odpovědět Citovat Koukni na http://jsfiddle.net/D5Qex/11/ a do kódu na http://fiddle.jshell.net/D5Qex/11/show/ Deklaraci `html, body { height: 100%;}` nepotřebuješ, mám ji tam jen proto, aby se mi natáhla na výšku prázdná stránka.
	IdemeNaHavaj Profil	#7 · Zasláno: 17. 3. 2013, 06:52:11 Odpovědět Citovat dakujem ide mi to
		Časová prodleva: 13 let

Vaše odpověď

Mohlo by se hodit