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

Co nejvíce stručné řešení pro vývojáře a linux administrátory

Na superuser.cz nenaleznete žádný zbytečný obsah, vždy se jde přímo k věci, denně se zde objevují nové problémy a jejich řešení...

Začít používat

CSS - jak zvýraznit barvu textu nad…

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?
Nejlépe hodnocení uživatelé
Hanz

Počet UP: 4540

React: 211

Rusty

Počet UP: 2113

React: 94

OL3G

Počet UP: 1477

React: 59

SYSTEM

Počet UP: 373

React: 22

Strosmajer

Počet UP: 417

React: 20

Oxytocin

Počet UP: 252

React: 15

Hyacint

Počet UP: 7

React: 7

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