图像放大悬停与链接

Question

I have this image zoom effect。我怎样才能让<a href="">Open image page</a>链接出现在悬停在图像的中间？

Answer 1

JSFIDDLE

你只需添加text-align:center到container_image类

同样的<a>标签，做出类似以下的<a>标签的一些风格变化：

.container_image a { 
    margin-top: 5px; 
    display: block; 
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; 
    text-align:center; 
    visibility:hidden; 
    opacity:0; 
} 
.container_image:hover a { 
    visibility:visible; 
    opacity:1; 
}