Появление затемненного фона на картинке
 

Опять проблемка)

Давно видел на сайтах, что при наведении на блок/картинку, снизу или сверху (и тд.) вылезает какой-нибудь полупрозрачный блок, со ссылкой, текстом и т.д.

решил сделать это через z-index где и блок и этот затемненный фон находятся на одном месте, и затемненный фон перекрывает картинку, но вот проблема, при наведении на этот самый фон, он улетает, что естественно но как решить? ---
http://jsfiddle.net/ArrFV/11/

это первая проблема)

а вторая, что при onmouseout изменяется высота затемненного фона, т.е. при уходе с блока/картинки, height этого полупрозрачного фона = 0px; но текст и какой-либо блок остается, получается некрасиво ---

http://jsfiddle.net/ArrFV/12/

сорри за бредовое объяснение уже спать пора:D

вот я лет сто назад делал для этого сайта: http://webandad.com/
код http://jsfiddle.net/gY8E8/

Не могу понять: а зачем там JS?

хотя бы для старых браузеров

Ну не будет анимации в старых браузерах, и че? Функциональность то от этого не пострадает.

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

Если нужно будет - добавлю костыль на js. Но это будет костыль, запускаемый только при отсутствии поддержки css-transitions, а не основа.

danik.js,
решать тебе, другим то зачем навязываешь?

Потому что считаю это единственно правильным вариантом.
Есть люди которые до сих пор не знают что есть :hover, [placeholder], input[type=number] и тд.

не сейчас, ибо это все еще сыро и не везде работает. Конечно для себя нужно делать однозначно. А для заказчиков нужно делать так что бы они были в восторге, им плевать на то как это делается внутри. Для них важно видимый результат. Если им нравится, они не просто тебя благодарят, но и советуют знакомым, друзьям и т.д. Что дает тебе известность и прибыль