WebSite X5Help Center

 
LUIZ G.
LUIZ G.
User

Código Parallax funcionando, mas...  pt

Author: LUIZ G.
Visited 560, Followers 2, Shared 0  

Consegui um código Parallax, usando apenas HTML e CSS, que está funcionando, inclusive para MOBILES. Porém, não consegui fazer com que o texto fique por cima da imagem. O texto está ficando abaixo. 

Se alguém souber como modificar o código para que o texto fique na imagem, esse problema estaria resolvido até que tenhamos uma solução definnitiva por parte da Incomedia.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.parallax {
/* The image used */
background-image: url("https://dominio.com.br/images/nome-da-imagem.jpg");

/* Set a specific height */
min-height: 300px;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>

<div class="parallax"></div>

<div style="height:200px;background-color:transparet;font-size:26px">
Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto, Texto,
</div>

</body>
</html>

Posted on the
1 ANSWERS - 1 USEFUL