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?

Zobrazit odpovědi

Nejlépe hodnocení uživatelé
Hanz

Počet UP: 5140

React: 223

Rusty

Počet UP: 2363

React: 105

OL3G

Počet UP: 1651

React: 64

Strosmajer

Počet UP: 501

React: 29

Oxytocin

Počet UP: 303

React: 27

SYSTEM

Počet UP: 443

React: 23

Hyacint

Počet UP: 43

React: 20

Odpovědi na dotaz

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