Как обрезать текст по высоте блока?

Question

[KOPC1886]

Всем привет!

Как сделать так, чтобы строка, которая обрезается высотой блока, была полупрозрачной? А не так, что половина строки обрезана и все. Чтобы она показывалась но была полупрозрачной, чтобы было видно что там есть текст.

Вот ссылка
jsfiddle.net/x58ctndr

Comments

[KOPC1886]

В блок вставляется различный html. Не просто текст, а html

Answer 1

[Heafy]

jsfiddle.net/orub1ggh
оно?

Comments

[Heafy]

ага, увидел комментарий к вопросу.
тогда вот ссылка: jsfiddle.net/orub1ggh/1

[KOPC1886]

Андрей Илюнин: Да, то что надо!) А вы сами это делали?)

[Heafy]

Ну как сам.. По обрывкам информации в интернете, методом тыка, проб и ошибок. Я вообще сеошник, и как-то захотелось внедрить такую штуковину на одном из подопечных сайтов, а платить мастерам дела за свой эксперимент жалко было. Пришлось самостоятельно разбираться :)
Так что на чистоту и правильность кода не претендую, но "это работает".

[KOPC1886]

Андрей Илюнин: Спасибо Большое!)

Answer 2

[Danil Namaste]

Пример моей верстки
Большая картинка

Comments

[KOPC1886]

Данил Загорский это не совсем то. У меня высота блока фиксированная. И блок обрезает половину строки, как тогда вторую половину показать и сделать полупрозрачной?

Answer 3

[amo]

jsfiddle.net/jv3wgcqq

Comments

[KOPC1886]

amo Но вторая строка на половину обрезана все равно.

[amo]

а так jsfiddle.net/stamoer/nct4ws3m

[KOPC1886]

amo: вторая строчка все равно получается обрезанной. А надо чтобы либо ее не было тогда, либо та часть строки которая не влезла стала полупрозрачной и читаемой.

Answer 4

[Александр Анкудинов]

overflow: hidden;