Расположить div сверху div'а?

Question

[angel_ika7]

Нужен такой эфект при наведении, использую bootstrap и не знаю как это осуществить сохранив адаптивность. Подскажите, умные люди :)

Answer 1

[Милок Мурлыка]

Вот так: https://jsfiddle.net/mmurlyka/abj1f4a6/
Но мне кажется что тут даже не обязательно создавать отдельный див для ховера, для фона можно использовать before а для лупы after
https://jsfiddle.net/mmurlyka/401mng3u/1/ (красный квадрат вместо лупы)

Comments

[angel_ika7]

во втором способе не пойму как сделать чтобы ссылка была:) наверное не самый подходящий вариант)

[Милок Мурлыка]

angel_ika7: https://jsfiddle.net/mmurlyka/fg7tup6z/

[angel_ika7]

Милок Мурлыка: спасибо огромное=))

Answer 2

[Александр]

По тем же принципам, как и фон сайта (видео фон).