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

问题描述：

我有一个网站与背景图像与1,32mb，位于身体的CSS，问题是当我更改Firefox中的标签，并在我的网站上再次返回背景消失，并显示一个白色的背景......有人知道什么是happing？身体的背景图像在更改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; 

}

为什么当你使用'width：100％'时你想浮动左边的东西？ – 2013-02-25 14:49:51

如果您可以提供您正在处理的网址，那将会很棒 – 2013-02-25 14:50:37

http://www.datacode.com.br/clientes/cacildatour/ – 2013-02-25 14:52:40

答

我有一种感觉问题图像过大。尝试压缩它的网页。

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

相关推荐