Не знаю, как это сделать "картиночным образом", "врезая" текст в картинку (ну как бы водяные знаки на изображении) . Я бы сделал через абсолютное позиционирование блока, и придавание ему некоего цвета.
То есть есть картинка <img>, и есть текстовый абзац <p>. Картинка помещается в некий блок <div>, абзац <p> помещается туда же, для абзаца указывается абсолютное позиционирование с указанием расположения снизу и допустим справа, и скажем фоновый светло-серый цвет: <p style="position:absolute; bottom: -10px; right: -10px; backgroung: lightgray; border:black; width:200px; height:20px;">здесь текст в рамке</p>. Ну или там lightgrey - не помню точно. Что-то вот такое. Есть даже свойство прозрачности фона.
Практически все современные браузеры умеют позиционировать слои.
Но надо чётко понимать - всё это абсолютно не помешает человеку, сохранившему картинку, сохранить её без этого прямоугольника, и без текста. Ибо текст не "врезан" в картинку, а просто показан верхом на ней. |
