Sujet Précédent Sujet Suivant

Mon fond cache mon texe ?

Fermé
Stygrisse - Modifié le 17 nov. 2021 à 15:08
 Stygrisse - 17 nov. 2021 à 17:59
Bonjour,
jpouvez vous maideir effectivement j'ai un probléme dans mon code car je ne voie plus mon texte et je n'arrive pas a afficher mon fond est mon texte pouvz vous m'aider

html :

<!DOCTYPE html>
<html land=fr>

<head>
<title>
Fête des mere
</title>

<link rel='stylesheet' href='Style.css' type='text/css'>
</head>
<body>
<div class="wrapper"></div>
<h1>Bonne fête MAMAN</h1>
<p>i love you</p>
</body>



</html>




css:

h1 {
text-align: center;
color: rgb(66, 30, 148);
}

p {
text-align: center;
}


.wrapper {
height: 100%;
width: 100%;
left:0;
right: 0;
top: 0;
bottom: 0;
position:absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}


Configuration: Windows / Chrome 95.0.4638.69

1 réponse

Réponse 1 / 1
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
17 nov. 2021 à 16:28
Bonjour,

Essaye de déplacer ton contenu dans le div.wrapper : 
<!DOCTYPE html>
<html lang=fr>
<head>
<title>Fête des mere</title>
<link rel='stylesheet' href='Style.css' type='text/css'>
</head>
<body>
<div class="wrapper">
  <h1>Bonne fête MAMAN</h1>
  <p>i love you</p>
</div>
</body>
</html>


Bonne journée,
0
Stygrisse
17 nov. 2021 à 17:59
Ok merci
0

Discussions similaires

question pix mot caché
aorum10 -
astrid-g85 -

6 réponses
Retrouver l'image originale après avoir fait des modifications ?
Raven -
Tainavictor -

9 réponses
Comment trouver les fichier cachés ?
zup68 -
VoiciTaReponse -

124 réponses
Changer la couleur de fond d'un en-tête
Adamantine -
Adamantine -

2 réponses
Fond d'écran qui devient noir
DjBuRnOuT -
alhuno1 -

6 réponses