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

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

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?

ODPOVĚĎ


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...

Komentáře

Vaše reakce na CSS - jak zvýraznit barvu textu nad background-image (obrázkem)

Související obsah

programovani

css

web

bootstrap

Reference

Podívejte se na naše reference

Prohlédnout

Aplikace

Podívejte se na naše aplikace

Prohlédnout

Co umíme?

Podívejte se co umíme

Prohlédnout

Co umíme?

Vytváříme sofistikované aplikace pro náročné

Od webových aplikací přes android až po převodové můstky či složité informační systémy.

Podívejte se k nám

Máte ještě čas? Podívejte se na další rubriky

Tento web používá soubory cookie. Dalším procházením tohoto webu vyjadřujete souhlas s jejich používáním.. Více informací zde.