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

时间:2013-12-11 00:28:57

标签: html html5 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上运行的新站点。

WORKING

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

不工作

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

1 个答案:

答案 0 :(得分:0)

必须非常详细地审查主题CSS并密切关注Z-Index。 footer.foot CSS类似乎设置了z-index:-2,我可以通过将其设置为z-index:0

来解决此问题

幻象/资产/ CSS / style.css中

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