Как сделать прозрачность контента в низу блока?

Question

[Иван Дамаскин]

Обращаюсь ко всем монстрам js&&css.
Как добиться такого результата? -)


По поводу полупрозрачного фона поверх контента не даст результата. Надо еще учитывать то, что дизайн адаптивный соответсвенно ресайзитса.

Оторвать голову дизайнеру не предлагать -))
Дизайнеры, вам только 1 вопрос, это вообще законно такое делать? -)

Comments

[Nwton]

Я правильно понимаю, там должен быть скрол? И то, что на изображении полупрозрачное, после скрола станет нормальным?

Answer 1

[Сергей delphinpro]

jsfiddle.net/uE6pr/316

Comments

[profesor08]

Почему срабатывает выделение текста, ведь полупрозрачная картинка поверх текста?

[Сергей delphinpro]

profesor08: pointer-events

Answer 2

[Nwton]

Может так?
jsfiddle.net/uE6pr/314

Comments

[Иван Дамаскин]

Да это решение хорошее в случае если фон однотонный. Но как видно на картинке там на фоне фото интерьера. По этому данное решение не совсем подходит -(

[Сергей Горячев]

Nwton, самое правильное решение)

[Nwton]

Иван Дамаскин: почему? Фон может быть любым, прозрачность останется: jsfiddle.net/uE6pr/315

[Иван Дамаскин]

Дааа точно, спасибо огромное -)))