3

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

这是我创建的小提琴：

提琴手

代码（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;
}

任何帮助将不胜感激。

4

3 回答 3

5

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

叫#adbox别的东西。

于 2013-08-17T11:24:49.363 回答
0

实际上，您忘记用双引号关闭背景图片 url。检查这个小提琴它现在在 chrome 和 firefox 上都可以使用 .. 以及 safari FIDDLE

/** adbox **/
#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;
}
于 2013-08-17T11:31:22.417 回答
0

广告盒 div.highlight {

background: #171a1a url("http://reallygoodpie.com/PArcadeMachines/images/adbox-bg-heading.jpg) repeat-x left top;

还有一件事是有一个拼写错误......在你给出的url之后“并且在它的末尾没有结尾”......检查一下！

于 2013-08-17T11:32:48.297 回答