链接问题仅在新 Ghost 博客上的 Chrome 中无效答案

【问题标题】：Issues with links not working only in Chrome on new Ghost blog链接问题仅在新 Ghost 博客上的 Chrome 中无效
【发布时间】：2013-12-11 00:28:57
【问题描述】：

我最近一直在尝试使用 Ghost，并且正在将我的个人网站从 Wordpress 转换为 Ghost。但似乎页面呈现存在一些问题。如果我将DocType 更改为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

从这里：

 <!DOCTYPE html>

该页面至少会在 Chrome 中使用有效链接呈现，但确实会引入一些其他格式问题。

我使用过 W3C 验证器，但在我的新站点与运行良好的示例站点中找不到任何明显缺失的内容。该页面在 Chrome 和 Internet Explorer 中似乎也可以正常工作。我正在尝试运行这个无法在 Azure 上运行的新站点。

工作

http://ghosted.me/the-best-theme-for-bloggers/

不工作

http://rsolberg.azurewebsites.net/welcome-to-ghost/

【问题讨论】：

标签： html google-chrome azure ghost-blog

【解决方案1】：

必须非常详细地查看主题 CSS 并密切关注 Z-Index。看来footer.foot CSS 类设置了z-index:-2，我可以通过将其设置为z-index:0 来解决这个问题

phantom/assets/css/style.css

footer.foot {
    width: 100%;
    background: #0F2036;
    padding: 95px 0 75px;
    position: relative;
    min-height: 220px;
    overflow: hidden;
    z-index: 0;
}

【讨论】：