链接无法点击

时间:2014-06-25 12:56:15

标签: html css

项目链接:

http://50.87.144.37/~projtest/team/design/AHG/brochure/#28

底部的深灰色条纹是一个锚标记,我似乎无法确定它为什么不可点击。 css非常简单。父类为posRel,锚标记为efgLink3,“bg-img”为标记到达的图像。

HTML:

<div class="container posRel">
                                <a class="efgLink3" target="_blank" href="http://www.efginternational.com/"></a>

                <img class="bg-img" src="pages/preview/cover-back.jpg" style="height: 587px; width: 415px;">
                <img class="bg-img zoom-large" src="pages/preview/cover-zoomed-back.jpg" style="height: 587px; width: 415px;">
            </div>

的CSS:

.posRel{
    min-height: 100%;
    position: relative;
 }

.efgLink3 {
    background: none repeat scroll 0 0 #333;
    display: block;
    height: 70px;
    left: 0;
    position: absolute;
    top: 79%;
    width: 100%;
    z-index: 11;
}

.bg-img {
    left: 0;
    margin-top: 10px;
    max-width: 100% !important;
    position: absolute;
    top: 0;
    z-index: 10;
}

2 个答案:

答案 0 :(得分:0)

问题在于您的HTML:

<a href="http://www.efginternational.com/" target="_blank" class="efgLink3"/>

你的锚是空的,所以没有什么可点击的。

<img src="pages/preview/cover-back.jpg" class="bg-img"/>
<img src="pages/preview/cover-zoomed-back.jpg" class="bg-img zoom-large"/>

据推测,这些中的一个或两个属于锚。

答案 1 :(得分:0)

发现问题,“指针事件”设置为无,这要归功于所有查找。