我有一个带有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;
}
答案 0 :(得分:0)