1

Тема: Як на картинку помістити текст чи іконку?

Приклад прикріпив

Post's attachments

Screenshot_3.png 172.3 kb, 202 downloads since 2015-08-19 

2 Востаннє редагувалося Djalin (19.08.2015 10:31:56)

Re: Як на картинку помістити текст чи іконку?

як завжди є кілька варіантів
наприклад використати фонове зображення

background-color:#fff;
background-image:url("pic.jpg");

або ж один дів помістити над іншим і використати напівпрозорість

3 Востаннє редагувалося P.Y. (19.08.2015 10:36:21)

Re: Як на картинку помістити текст чи іконку?

Можна через стилі зробити картинку фоновим зображенням блока й розмістити в цьому блоці текст.
Можна насунути текст на img, використовуючи засоби позиціонування.

Можна змонтувати зображення й текст засобами SVG.

Можна використати canvas та JavaScript.

Можна згенерувати картинку з текстом з допомогою PHP на сервері...

Думаю, це ще не всі можливі варіанти.

4

Re: Як на картинку помістити текст чи іконку?

За допомогою позиціонування.

5

Re: Як на картинку помістити текст чи іконку?

:before :after

6

Re: Як на картинку помістити текст чи іконку?

CrazyFreeMan написав:

:before :after

Сам по собі контент, доданий через :before або :after, не зобов'язаний відображатися внакладку — треба ще додатково його позиціонувати (тобто, зробити приблизно те ж саме, що й зі звичайним шматком html, який ми хочемо розмістити поверх зображення).

7

Re: Як на картинку помістити текст чи іконку?

створюєте клас візуального вигляту тексту з marginaми і пхайте в сереину тегу зображення.