更改firefox上的选项卡后,身体的背景图像消失

时间:2013-02-25 14:48:18

标签: html css firefox

我有一个带有1,32mb的背景图像的网站,它位于身体的css,问题是当我在firefox中更改标签并在我的网站上再次返回时背景消失,并显示白色背景..有人知道什么在讨价还价吗?

// HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cacilda Tour</title>
<link rel="StyleSheet" type="text/css" href="css/style.css" />
<script language="JavaScript" type="text/JavaScript">

<!-- começo do codigo random imagens
var mypics=['toppo1.png','toppo2.png','toppo3.png'];
onload=function(){
    var oTd = document.getElementById('cel');
    var pic= 'topo/'+mypics[Math.floor(Math.random()*mypics.length)];
    oTd.style.backgroundImage='url('+pic+')';
}
//  fim do codigo de imagens -->
</script>
</head>
<body>
<div class="principal">
    <div class="cabecalho">

    <img id="cel" src="images/topo_transp.gif" border="0" >

    </div>
    <div class="menu">

    </div>
    <div class="conteudo">
        <div class="centroesq">
            <div class="titcentroesq">
            <p>Pacotes</p>
            </div>
        </div>
        <div class="centrodir">
            <div class="titcentrodir">
            <p>Corporativo</p>
            </div>
        </div>
    </div>
    <div class="rodape">

    </div>


  </div>
</body>

</html>

// CSS

body{
background-image: url(../imagens/fundo.jpg);
background-repeat:no-repeat;
height:1065px;
}
.principal{
width:980px;
margin: 0 auto;
}
.cabecalho{
float:left;
width:100%;
}
.cabecalho img {
width:100%;
background-repeat:no-repeat;
width:980px; 
height:200px;
}
.menu{
float:left;
width:100%;
height:40px;
background-image: url(../imagens/fundomenu.png);
margin-top:8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.conteudo{
float:left;
width:100%;
height:700px;
background-image: url(../imagens/fundomenu.png);
margin-top:8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.centroesq{
float:left;
width:488px;
height:300px;
border-right:1px dotted #c0c0c0;
margin-top:8px;
}
.titcentroesq{
float:left;
width:460px;
height:32px;

margin-left:10px;
background-image: url(../imagens/fundotitulo.png);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height:2px;
color:#10468c;
font-family:arial;
font-size:105%;
font-weight:bold;
text-align:left;
padding-left:10px;
border:1px solid #fbca18;
}
.centrodir{
float:left;
width:490px;
height:300px;
margin-top:8px;
}
.titcentrodir{
float:left;
width:460px;
height:32px;

margin-left:10px;
background-image: url(../imagens/fundotitulo2.png);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height:2px;
color:#ffffff;
font-family:arial;
font-size:105%;
font-weight:bold;
text-align:left;
padding-left:10px;
border:1px solid #2b4688;
}
.rodape{
float:left;
width:100%;
height:95px;
background-image: url(../imagens/fundomenu.png);
margin-top:8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

1 个答案:

答案 0 :(得分:0)

我感觉问题是图像太大了。尝试将其压缩为网络。