什么css或html导致“当前，测试...”不在Safari中显示，但在其他浏览器中显示？

Question

在此网址http://wpbeta.nfshost.com/simplysimple/index.html上，页面中央有“当前正在测试...”文字，但在Safari中无法显示。它显示在Chrome，Firefox和IE中。

你知道问题是什么吗？

Answer 1

这里有一些问题。

• 文本与固定标题重叠，带有纯白色背景。
• 这种情况正在发生，因为浏览器在您的段落中解释</br>&nbsp;的方式不同。
• 从技术上讲，这些应该是<br />&nbsp;，但实际上你应该使用CSS样式创建那个空格，而不是换行符。

试试这个HTML：

<header id="fixednav">...</header>
<div id="main">
    <h1>Currently testing</h1>
    <p>&quot;I believe that one day&hellip;&quot;</p>
    <p>-Cool Dude <a href="http://someurl.com" desc="giant mango site">someurl.com</a></p>
</div>

使用这个CSS：

#fixednav {
    background-color: #fff;
    display: block;
    height: 100px;
    left: 50%;
    margin-left: -275px;
    position: fixed;
    top: 0;
    width: 550px;
    z-index: 2;
}

#main {
    margin: 100px auto 0 auto;
    width: 550px;
}