Jak wstawić teskst na obraz w HTML?

Question

Witam. Jak w tytule, jak mogę wstawić tekst na obraz podczas tworzenia strony Internetowej? Szukałem tego w Internecie, ale nie mogę zrozumieć, więc piszę tutaj, bo wiem że zostanie mi to dobrze wytłumaczone. :) Dziękuję z góry za pomoc.

Answer 1

Jeżeli masz div zawierający tekst, możesz ustawić obrazek jak tło tego div'a.

.rodzic {
  background-image: url("ścieżka do obrazka");
}

Więcej informacji na ten temat znajdziesz tutaj :
https://developer.mozilla.org/pl/docs/Web/CSS/background-image

Answer 2

Zależy; jest dużo sposobów. Najłatwiejszy będzie związany z użyciem postion:absolute. Polecam obejrzeć(właściwie to całą serię): https://youtu.be/2JMGG_8T-vY

Answer 3

Masz kilka możliwości :p 

Możesz wstawić zdjęcie z position: relative; dodać poniżej text z position: absolute: i ustawiasz go według swoich wymagań, bądź robisz diva o z obrazkiem w tle  

Answer 4

Dzięki wszystkim za pomoc, zrobiłem wg. tego co napisał RegularLemon :)

 

Comments

W takim razie możesz dać mu "Najlepsza" - Tick po lewej, jak i zamknąć temat. Zrobiłbym to sam, ale nie czuję się fajnie gdy daję komuś "Najlepsza", jako nie-autor tematu.

Answer 5

Hasło klucz: tło obrazkowe

Answer 6

#obrazek{

z-index: 1;

position: relative;

}

#tekst {

z-index: 2;
position: absolute;
}