Diskuse JPW: Jak nechat část divu bez pozadí s repeat-y?

	Autor	Zpráva
	David1256 Profil	#1 · Zasláno: 4. 12. 2013, 19:31:13 Odpovědět Citovat Dobrý den, mám div, který má nastaveno background-repat:repeat-y a zároveň background-position: 0px 10px. Chci, aby se pozadí nevykreslovalo v těch horních 10-ti pixelech divu, jenomže mám nastaveno zároveň background-repeat:repeat-y, což mi pozadí vypisuje v celé výšce, protože repeatu je jedno, kde začíná pozadí, tak jako tak se opakuje dokola. Máte někdo nápad, jak toto řešit bez přidávání dalších divů? Děkuji.
	han5vk Profil	#2 · Zasláno: 4. 12. 2013, 21:16:45 Odpovědět Citovat Aký vysoký je ten div? Najjednoduchšie by asi bolo len ten obrázok zopakovať v editore a uložiť ako vyšší. Potom nastaviť `background-repeat: no-repeat`. Ale ak je div oveľa vyšší (resp. výška nie je známa), veľmi použiteľné to asi nebude, a ak áno, tak za cenu veľkosti obrázku. Možno sa nájde niekto, kto to vie vyriešiť lepšie...
	margin Profil *	#3 · Zasláno: 4. 12. 2013, 23:00:23 Odpovědět Citovat Možná bys mohl použít 10px horní margin. Pozadí se pak bude zobrazovat 10px odshora, ale nevím, zda ti to nenaruší design. Tebou zmíněné přidání dalšího elementu je standardní řešení, pokud není možné použít horní margin. Řešení, které navrhuje han5vk, se hodí pro jednoduché obrázky ve formátu PNG, pro jiné obrázky datová velikost naroste nad přijatelnou velikost. Napadá mě ještě použít další pozadí, 10px vysoký jednobarevný obrázek (neopakující se nebo opakující se vodorovně), který by svisle opakující se obrázek překryl. Má to mouchy, starší prohlížeče (IE8) vícenásobné pozadí nepodporují a řešení je použitelné jen při jednobarevném pozadí stránky. Kód + ukázka Holá ukázka
	David1256 Profil	#4 · Zasláno: 5. 12. 2013, 21:55:32 Odpovědět Citovat Díky za postřehy. Podobné myšlenky se mi honily také hlavou, ale vždycky to mělo nějaké to "ale". Nejmenší "ale" je udělat obrázek na pozadí dostatečně velký, aby se nemusel opakovat. Snad nebude datově moc velký. Pokud ano, nezbyde mi nic jiného než předivovat. Díky za všechny rady, člověk vždycky chytí nějaký směr.
		Časová prodleva: 10 let

Vaše odpověď

Mohlo by se hodit