【问题标题】:Firefox not rendering links properly in site header/footerFirefox 无法在站点页眉/页脚中正确呈现链接
【发布时间】:2014-05-30 07:31:29
【问题描述】:

我一直在设计和构建portfolio site 并将所有内容更新为有效的 HTML5,但一位朋友刚刚告诉我,我的页眉/页脚中的所有链接在 Firefox 中都已损坏。

页眉和页脚在我的 CSS 中是 position:fixed 的——而且我知道在 Firefox 中渲染定位元素历来存在很多问题——但是有没有人有任何快速修复的想法?

【问题讨论】:

  • 只是为了验证:链接在悬停时变为浅灰色,然后链接到各个页面?如果是这样,那就太奇怪了,因为我仍然在我的所有设备上看到这个错误。
  • 请您为页脚创建一个jsfiddle.net,以便我们可以查看并进行相应修改。
  • 第一次使用,希望对您有所帮助:jsfiddle.net/zf88Y
  • 另外,正在使用 z-index (页眉和页脚当前设置为负值);这可能是问题吗?

标签: css html firefox css-position


【解决方案1】:

链接存在,但是当您将 html 设置为相对位置时似乎存在一些问题,这在 about.css 和 default.css 中(第 3 行)

删除这些属性,您的超链接将变为可操作。

html {
    position:relative;
} 

【讨论】:

  • 我不确定它会如何改变其他浏览器,因此可能需要快速回归其他浏览器...
  • 我已经仔细检查了几个设备和浏览器,它似乎工作正常 - 我认为这是我忘记清除的早期设计的产物。
猜你喜欢
  • 1970-01-01
  • 2016-11-04
  • 2014-07-24
  • 2017-05-25
  • 1970-01-01
  • 1970-01-01
  • 2010-11-26
  • 2013-06-09
  • 2018-03-01
相关资源
最近更新 更多