cor de fundo nem sempre aparecem
-
19-09-2019 - |
Pergunta
Eu tenho o seguinte css criado para minha página. Quando a página carrega a cor de fundo nem sempre tenham efeito. Eu tenho que atualizar minha página uma ou duas vezes antes de as obras de cor. Alguém sabe por que? A imagem de fundo não é tão alta como a página inteira e é um gradiente. Então, eu estou tomando a cor do pixel inferior do gradiente e usando isso como a cor da página bg.
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
margin: 0px;
padding: 0px;
background-color: #001833;
background-image: url(images/page_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}
Solução
Tente:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000;
margin: 0;
padding: 0;
background: #001833 url(images/page_bg.jpg) repeat-x top;
}
(Você não precisa especificar 'esquerda' se a sua repetição.)
Além disso, se você estiver usando CSS reset (ou não), certifique-se seus usos do corpo altura de 100%:
html, body {height: 100%;}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow