Question

我有以下网站http://geertsprengers.be 但是我想让顶级图片链接到一个网站，所以我将#ref中的href替换为相应的网站。如果我点击它们就无法链接。这怎么可能，解决方案是什么？我尝试在它周围包裹另一个元素，但那不起作用。

我认为它与图像的css有关＆＃39;背景，但我不是css的专家，所以我不知道如何修改它。

这是html代码：

<nav>
    <ul class="container">
        <li class="">
            <a class="sub" href="http://sublimmo.be">

                <span></span>
           </a>
        </li> 
        <li class="">
            <a class="troga" href="http://troga.be">
                <span></span>
            </a>
        </li>
        <li class="">
            <a class="sos" href="#">
                <span></span>
            </a>
        </li>
        <li class="">
            <a class="res" href="http://rescotec.com">
                <span></span>
            </a>
        </li>
    </ul>
</nav>

Answer 1

从js中的onclick函数中删除返回false，它将正确执行，返回false不会触发click事件到其子元素

像这样的东西

$(".container li").each(function() 
{
   this.onclick = function() 
   {
        $(".container li").removeClass("tab-current");
        $(this).addClass("tab-current");
        $.ajax({
            url: "getDetails.php?LiID="+this.id
        }).done(function(data){
            $(".description").empty().append(data);
        });
        return true;
    };
});

Answer 2

将css中的游览wrapper课改为

.wrapper {
    max-height: 100%;
    position: relative;
    z-index: 9;
}

具有另一个背景图像的图像上的链接不起作用

2 个答案: