Как сделать так, чтобы при загрузке сайта текст с position absolute, загружался после загрузки картинки с position relative?

Question

[emilburganov]

Интересно, можно ли с помощью html и css это как-нибудь сделать?

Answer 1

[Сергей delphinpro]

Нет, нельзя

Но можно отобразить текст после загрузки картинки.

<div class="block">
  <img src="..." onload="this.classList.add('loaded')">
  <span>Текст поверх картинки</span>
</div>

.block {
  position: relative;
}
.block span {
  position: absolute;
  display: none;
}
.block img.loaded + span {
  display: block;
}