CSS - jak zvýraznit barvu textu nad background-image (obrázkem)

03.07.2019 napsal Buckley

Vyřešeno CSS - Contrasting Text Against Background Image
Ahoj, mám v záhlaví webu s Bootstrap 4 CSS nadpis (caption) a pod ním jumbotron s carouselem s měnícím se obrázkovým pozadím a bojuji s tím, že nevím jak ten H1 nadpis barevně zvýraznit, aby nezanikal. Poradíte někdo?

RE: CSS - jak zvýraznit barvu…

15.07.2019 odpověděl Oxytocin

Zkontrolováno

Ahoj,

proti obrázkovému pozadí se mi v CSS osvědčilo používat bílé písmo s černým ohraničením takto:


.text-contrast {
text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black
}


Pak můžeš ještě zvážit jako alternativu mix-blend-mode: difference, ale ten text-contrast funguje dobře...
Tento web používá k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tím souhlasíte. Další informace