фоновое изображение с текстом

Question

Моя цель - получить такой результат:

Сейчас я хотел бы, чтобы текст был на фоновом изображении.Я думаю, что моя проблема, возможно, в моих блоках HTML?

Вот обзор

.background_grey {
  height: 70px;
  width: 100%;
  margin-top: 0px;
  position: relative;
}

.page_title {
  font-size: 14px;
}

<img class="background_grey" src="images/subtle_grunge.png" />
<div class="page_title">Register <span class="hometxtcolor">an Account</span></div>

Спасибо за помощь!

Answer 1

https://www.w3schools.com/howto/howto_css_image_text.asp

Найти полное решение здесь ...

Answer 2

Вы должны использовать фоновое изображение через CSS, а не из элемента img:

.page_title {
  background-image: url(images/subtle_grunge.png);
}

<div class="page_title">
  Register
  <span class="hometxtcolor">
          an Account
        </span>
</div>