html - 无法让 div 在 Firefox 或 chrome 中显示，但它在 IE 中显示

Question

我一直在处理一个网站，我似乎无法让页面的某个元素在 Google Chrome 或 Firefox 中正确显示。它只显示一秒钟(取决于连接速度)然后就消失了。我似乎无法弄清楚问题所在。在 Safari 和 IE 中它完美地工作(如预期的那样)。它在 chrome 和 Firefox 上本地运行(即不是服务器或本地服务器)时也可以工作，尽管它只是一个简单的 HTML 页面，没有任何脚本。

这是我创建的 fiddle :

JsFiddle

代码(HTML):

<div id="adbox">
        <div class="wrapper clearfix">
            <div class="info">
                &nbsp;
            </div>
        </div>
        <div class="highlight">
            <h2>This is a test <i>123</i></h2>
        </div>
</div>

CSS:

#adbox {
    background: #020a13 url(http://reallygoodpie.com/PArcadeMachines/images/bg-adbox.jpg) no-repeat center top;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-size: 90%;
    min-height: 433px;
    margin: -56px 0 22px;
/** Needed for IE7 **/
*margin: 0;
*position: relative;
*top: -56px;
}
#adbox .wrapper {
    width: 940px;
    padding: 54px 10px 26px;
}
#adbox .info {
    height: 354px;
    width: 450px;
    overflow: hidden;
    padding: 20px;
    border-radius: 5px;
}
#adbox h1 {
    color: #ffffff;
    font-size: 48px;
    font-style: italic;
    line-height: 50px;
    margin-bottom: 30px;
}
#adbox p {
    color: #176eb0;
    font-size: 14px;
    line-height: 24px;
}
#adbox p a {
    color: #176eb0;
}
#adbox div.highlight {
    background: #171a1a url("http://reallygoodpie.com/PArcadeMachines/images/adbox-bg-heading.jpg) repeat-x left top;
    min-height: 82px;
    border-color: #000;
    color: white;
    border-style: solid none;
    border-width: 1px;
}
#adbox div.highlight h2 {
    color: #484b4b;
    color: white;
    font-size: 34px;
    line-height: 82px;
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
    text-shadow: -3px 0 3px #121413;
}
#adbox div.highlight h2 i {
    font-weight: normal;
}

如有任何帮助，我们将不胜感激。

Answer 1

我认为您在 Chrome 和 Firefox 中安装了 AdBlock 扩展程序。

调用 #adbox 其他东西。