Boa noite pessoal, seguinte, estou aprendendo html "sozinho" (fazendo pesquisas e cursos gratuitos na internet), me declarei com o seguinte problema:
Eu tenho uma imagem de fundo que foi corretamente aplicada, porém não estou conseguindo adicionar outra imagem, que ficará em baixo do texto e irá rolar junto com o scroll da página, e que fique à cima do background.
OBS: Meu estilo está sendo editado em outro arquivo chamado estilo.css, e não diretamente no html. OBS2: Sou bem iniciante no html e css.
Segue o meu código css:
@charset "utf-8";
body {
background-image: url("../_imagens/fundo1.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
color: rgba(250, 250, 250, 0.8);
}
h1 {
text-align: center;
}
div.logo {
background-image: url("../_imagens/logoktg.png");
}
Segue o código do html:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Ka-Tet Gaming</title>
<link rel="stylesheet" href="_css/estilo.css"/>
</head>
<body>
<div id="header">
<div class="logo" id="logo">
<header id="cabecalho">
<hgroup id="titulo">
<h1>Seja Bem Vindo ao Site da KTG!</h1>
<h2>Time Range 1 da PlayerLink.</h2>
</hgroup>
</header>
</div>
</div>
</body>
</html>