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

Link on image that has another background-image doesnt work

本文关键字：图像 链接 不起作用 背景 另一个      更新时间：2023-09-26

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

我认为这与图像背景的css有关，但是我不是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>

从 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;
    };
});

将 CSS 中的 wrapper 类的游览更改为

.wrapper {
    max-height: 100%;
    position: relative;
    z-index: 9;
}
相关文章：