html - 站点 Logo 上的链接仅在底部有效

标签 html css graphical-logo

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

在我的网站上, Logo 只会链接在底部。我相信这是因为导航阻止了它的链接。

我的网站是chattrd.com/htdocs .

我试过将 <div><a>里面标签,并放置 <div> 的一半在<a>标签。这些解决方案均无效。

最佳答案

最简单的方法:

  • 中移除position: relative
    .navigation-primary_right {
        position: relative;
        text-align: right;
    }
    

或者

  • z-index:1插入

    .header_brand {
        position: absolute;
    }
    

但是我建议你不要使用position:absolute。我会用类似的东西

.header_brand {
    float: left;
}
.header-primary_container {
    overflow: hidden;
    position: relative; /* Optional */
}

关于html - 站点 Logo 上的链接仅在底部有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18282446/

上一篇:jquery - 幻灯片按钮

下一篇:CSS - 列与页面底部对齐,但随着滚动内容而增长。

相关文章:

javascript - 改变图像的延迟功能

css - 底部对齐 Logo 和顶部对齐标题

查询。 Fn.Function 导致其他函数失效?

javascript - 如何用 Javascript 捕获来自另一个网站的脚本的响应(它返回纯文本)?

css - zoom :1 in stylesheets?有什么用

uwp - 在 Windows 10 中搜索应用时的图标 [UWP]

android - 如何获取应用程序的原始 Logo 图标?

html - 链接的默认颜色不会改变

javascript - 调整方形按钮的大小

css - Bootstrap 边距/填充在通过 jquery 添加对象时消失