J'utilise un dégradé radial comme arrière-plan sur ma page Web, comme ceci:
background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));
Cela fonctionne, mais lorsque le contenu ne remplit pas toute la page, le dégradé est coupé. Comment faire pour que l'élément <body> remplisse la page entière, toujours?
Sur notre site, nous avons des pages dont le contenu est statique et des pages où il est chargé avec AJAX. Sur une page (une page de recherche), il y avait des cas où les résultats AJAX remplissaient davantage la page et des cas où aucun résultat ne serait renvoyé. Pour que l'image de fond remplisse la page dans tous les cas, nous avons dû appliquer le code CSS suivant:
html {
margin: 0px;
height: 100%;
width: 100%;
}
body {
margin: 0px;
min-height: 100%;
width: 100%;
}
height pour les html et min-height pour les body .
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
