Господа, как сделать следующую фишку:
есть картинка, скажем 200х80 пикс. Нужно в нижней ее части нарисовать полупрозрачный прямоугольник допустим черного цвета размерами 200х20 пикс, а в самом прямоугольнике разместить текст?

Не знаю, как это сделать "картиночным образом", "врезая" текст в картинку (ну как бы водяные знаки на изображении) . Я бы сделал через абсолютное позиционирование блока, и придавание ему некоего цвета.

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

Практически все современные браузеры умеют позиционировать слои.

Но надо чётко понимать - всё это абсолютно не помешает человеку, сохранившему картинку, сохранить её без этого прямоугольника, и без текста. Ибо текст не "врезан" в картинку, а просто показан верхом на ней.

http://jsfiddle.net/Aliance/c4f130no/

Aliance, Спасибо! То что нужно!

zheka1980, вверху темы есть ссылка "вопрос решен", не забывайте на нее нажимать, когда получили ответ на свой вопрос