html - 新 Ghost 博客上的链接仅在 Chrome 中不起作用的问题

标签 html google-chrome azure ghost-blog

我最近一直在尝试使用 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/

最佳答案

必须详细审查主题 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;
}

关于html - 新 Ghost 博客上的链接仅在 Chrome 中不起作用的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20508247/

相关文章:

html - H1 标题中的字体大小调整很奇怪

javascript - 在值更改时在范围输入的处理程序上显示所选值

使用 deployJava.js 启动的 Java 小程序不适用于 Mac 上的 Opera/Chrome?

java - 适用于 Chrome 和 Internet Explorer 的 GWT Developer 插件 - 错误阻止安装

azure - 如何获取 Azure 托管磁盘的 VHD?

node.js - Azure Web App WebJob不安装 Node 包

html - Facebook 链接缩略图

html - 邮寄到 : links and webmail

android - 具有 Google session 和帐户选择器的移动应用浏览器的行为

c# - 如何以编程方式启用/禁用 Azure Function