正如标题暗示我的网站,www.contrabang.com似乎无法在Moxilla中发挥作用。但它在谷歌浏览器中运行良好,在IE中稍微好一点。如果我犯了任何初学者错误,这是我第一次提前建立网站。但我似乎无法找到解决方案。
HTML如下:
<div class="icons">
<a class="twitter" href="http://www.twitter.com/kadeemlaurie"></a>
<a class="facebook" href="http://www.facebook.com/pages/Contrabang/127379984089682"></a>
<a class="googleplus" href="http://googleplus.com/pages"></a>
</div>
<div id="wrap">
<div id="featured">
<div class="wrap">
<div class="textwidget">
<div class="cup">
<img src="..\Contrabang\img\red-cup.png" height="200">
</div>
</div>
</div>
</div>
<div id="theFixed"><h1><a href="#">CONTRABANG</a></h1></div>
<div class="bg1">
<hgroup class="billboard second">
<h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
We are an events management agency based in London. We create memorable experiences. Check out our upcoming event.</h2>
</hgroup>
<br>
<br>
<br>
<div class="pad">
<a href="#" target="_blank"> <img src="..\Contrabang\img\Contrabang.jpg" width="300" height="400"></a>
</div>
<h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
Buy Tickets: 07949747971</h2>
</div>
</div>
</section>
&安培;主要的CSS
.main{text-align:center;}
#featured {
background: #E94F78 url(http://www.creativityfluid.com/wp-content/themes/creativityfluid/images/img-bubbles-red.png) no-repeat top;
background-size: 385px 465px;
color: #fff;
height: 535px;
overflow: hidden;
position: relative;
z-index: -2;
}
#featured .wrap {
overflow: hidden;
clear: both;
padding: 70px 0 30px;
position: fixed;
z-index: -1;
width: 100%;
}
#featured .wrap .widget {
width: 80%;
max-width: 1040px;
margin: 0 auto;
}
.textwidget{
padding: 0;
}
#wrap {
margin: 0 auto;
padding: 0;
}
.cup{
margin-top:210px;
}
body, h1, h2, h3, p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
#theFixed{
position:fixed;
background-image:url(http://s10.postimg.org/wyyotlk15/krystalrae_2012_fall_print_leopard_sketch.jpg);
width:100%;
text-align:center;
overflow: hidden;
background-position: center;
}
h1{
font: 800 1.313em "proxima-nova", sans-serif;
font-size:3.125em;
text-align:center;
padding:10px 10px;
margin:20px 20px;
background-color:#E94F78;
padding-left: 0.15em;
text-decoration:none;
display:inline-block;
color:yellow;
}
h1 a{
text-decoration: none;
letter-spacing: 8px;
padding-left: 0.15em;
color:yellow;
}
.bg1{
background-image:url(http://www.coalmarch.com/sites/all/themes/coalmarch/images/paper-background-coalmarch-website-design.jpg);
width: 100%;
height:900px;
background-color: #e94f78;}
h2{
font-family: georgia;
font-size:3em;
color:black;
}
.billboard {
overflow: hidden;
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.pad{
padding:20px;
}
}
.billboard a {
color: #000000;
}
.billboard {
padding-top:230px;
}
答案 0 :(得分:4)
尝试删除这个额外的支撑。 FF可能不像Chrome那样宽恕:
.pad{
padding:20px;
}
}
答案 1 :(得分:1)
您的样式表的链接设置错误,我可以想象浏览器处理不同的方式。另外,你试着从你的c:\驱动器加载一个文件,这显然不会起作用