小编hel*_*rld的帖子

我在使用Chrome时在本地加载时将页面渲染得很好,但是一旦页面在线,就会出现问题.我做的第一件事是检查Safari,因为它们都共享相同的渲染引擎.Safari渲染我的页面很好.

单击页面上的链接并按后退按钮可以使页面加载正常.

这是一张图片,显示了如何在Chrome上本地加载页面:

一旦页面在线,标题就会被按下:

这是相关的html:

<!-- header -->
    <div id="header2">
        <a href="#"><img src="images/detailpages/logo.png" alt="logo" /></a>
        <ul>
            <li><a href="#">Features</a></li>
            <li><a href="#">Pricing</a></li>
            <li class="blue"><a href="#">Sign Up</a><a href="#">Log In</a></li>
            <li><form><input type="text" name="form" placeholder="type another channel" id="navsearch" /><img src="images/detailpages/search.png" alt="search" /></form></li>
        </ul>
    </div>
<!-- end header -->

和CSS:

#header2 {
position: relative;
z-index: 999;
height: 40px;
width: 100%;
background: #000;
box-shadow: 0em 0em 0.5em #000;
        -webkit-box-shadow: 0em 0em 0.5em #000; /* safari */
/* header nav type */
font-family: "Varela Round", Helvetica, Arial, sans-serif; …