通过CSS包装div中的标签

Question

这是我的演示： http://jsfiddle.net/Lk863sLx/

标题是图像的中间位置。它的a div和可点击的。但我想点击所有div。当我将height:100%放入a标记时，其崩溃居中。

我该如何解决？感谢。

Answer 1

你可以尝试这个.portfolio-item a.btn-preview {height:100%;} see demo here

Answer 2

根据我的理解，你需要这样：

.portfolio-item .overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.portfolio-item a.btn-preview {
    color: red;
    display: block;
    font-family: "Trade Gothic Normal" !important;
    font-size: 32px;
    font-weight: bold;
    height: 100%;
    position: relative;
    top: 0;
    width: 100%;
}

检查Fiddle。