Html Can';无法在Firefox或chrome中显示div,但它在IE中显示
我一直在一个网站上工作,我似乎无法在Google Chrome或Firefox中正确显示页面的任何元素。它会显示一秒钟(取决于连接速度),然后消失。我似乎想不出这个问题。在Safari和IE中,它工作得非常完美(如预期的那样)。它也可以在chrome和Firefox上本地运行(即不是服务器或本地服务器),尽管它只是一个简单的HTML页面,没有脚本 这是我创作的小提琴: 代码(HTML):Html Can';无法在Firefox或chrome中显示div,但它在IE中显示,html,css,browser,Html,Css,Browser,我一直在一个网站上工作,我似乎无法在Google Chrome或Firefox中正确显示页面的任何元素。它会显示一秒钟(取决于连接速度),然后消失。我似乎想不出这个问题。在Safari和IE中,它工作得非常完美(如预期的那样)。它也可以在chrome和Firefox上本地运行(即不是服务器或本地服务器),尽管它只是一个简单的HTML页面,没有脚本 这是我创作的小提琴: 代码(HTML): 任何帮助都将不胜感激 我认为你在Chrome和Firefox中安装了AdBlock扩展 调用#adbox其
任何帮助都将不胜感激 我认为你在Chrome和Firefox中安装了AdBlock扩展
调用
#adbox
其他内容。实际上,您忘记了用双引号关闭背景图像url。。检查这把小提琴,它现在可以在chrome和firefox上工作了。。在safari上也是如此
/** 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;
}
广告盒分区突出显示{
还有一件事是,有一个打字错误…在你给出的url之后,“并且在它的结尾没有结尾”…看看!!!出现在我的chrome中,哪个div不应该出现?container div#adbox。我已经在运行Windows 7和8、Ubuntu和Mac的几台机器上试用过它。所以我排除了它只是我的电脑的事实。哦,哇。这会解释很多。谢谢你没有真的认为它会影响任何东西adblock已打开。使用adblock扩展名和ID名称#adbox?…没有任何区别。实际问题是url中的引号没有正确关闭…实际上重命名adbox确实解决了问题,我甚至没有关闭url。adblock必须自动阻止名为“ad”或其他内容的元素。
#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;
}
/** 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;
}
background: #171a1a url("http://reallygoodpie.com/PArcadeMachines/images/adbox-bg-heading.jpg) repeat-x left top;