Når gradient-bakgrunnen for kroppen (body) ikke strekker til 100%!Noen ganger vil rett og slett ikke gradient-bakgrunnen generert i CSS3 strekke til 100 prosent i HTML5 dokumenter. Som det kan sees i eksempel 1 nedenfor, der gradient-bakgrunnen går fra rødt til svart, virker det som bakgrunnen bare stopper og begynne å gjenta seg selv (starter på rødt igjen) under slutten av bunntekst taggen </footer>. Bug-fix’en for dette, som vist i eksempel 2 nedenfor der gradient bakgrunnen er svart hele veien, er ganske enkelt å legge til kodebiten nedenfor i stilarket. Høydeverdien for HTML fungerer på alle nettlesere inkludert de som er installert på smarttelefoner.
Code (CSS):html {
height:100%; /*Bug fix for height -> Gradient for body will not stretch*/
}
body {
color:#ffffff;
font-size:16px;
font-style:normal;
background:#000000;
background:linear-gradient(to bottom,red 0%,black 100%);
background-image:-webkit-gradient(linear, top, bottom, color-stop(0,red), color-stop(1,black));
background:-webkit-linear-gradient(top,red 0%,black 100%); /*Android bug fix*/
background:-moz-linear-gradient(top,red 0%,black 100%);
background:-o-linear-gradient(top,red 0%,black 100%);
/*Disse feilrettingene er ikke nødvendige, men legg dem til i tilfelle for foreldede nettlesere*/
background-repeat:no-repeat;
background-attachment:fixed;
height:100%;
margin:0;
}