css - 在可缩放图像上垂直对齐文本

Question

我在这里创建了一个要完成的示例:http://codepen.io/blkedy/pen/mtqxa

基本上，我希望文本“你的名字”在底部与其背后的全尺寸粉红色/红色图像对齐。图像将根据浏览器大小进行全尺寸调整宽度/高度。

有什么想法吗？谢谢!

Answer 1

.row {position:relative;}

只需将其提供给 .row 即可。