CSS3 Gradient hiba?
Az oldalamhoz szeretnék színátmenetes hátteret készíteni, de többszörösen jelen meg. Így néz ki a dolog:
CSS kód:
background: rgb(82,99,140);
background: -moz-linear-gradient(-45deg, rgba(82,99,140,1) 0%, rgba(24,25,30,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(82,99,140,1)), color-stop(100%,rgba(24,25,30,1)));
background: -webkit-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: -o-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: linear-gradient(135deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52638c', endColorstr='#18191e',GradientType=1 );
FireFox-ban ezeknél csinálja. Vagyis: szeretném úgy megcsinálni, hogy csak a színátmenet 1x jelenjel meg.
válasza:Gondolom az oldal háttereként akarod ezt a gradienst. Hogy a megfelelő hatást elérd, a gradins kódját a html-nek add meg, a bodynak, pedig add meg, hogy a magasság legyen 100%. Így:
html {
background: rgb(82,99,140);
background: -moz-linear-gradient(-45deg, rgba(82,99,140,1) 0%, rgba(24,25,30,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(82,99,140,1)), color-stop(100%,rgba(24,25,30,1)));
background: -webkit-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: -o-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
background: linear-gradient(135deg, rgba(82,99,140,1) 0%,rgba(24,25,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52638c', endColorstr='#18191e',GradientType=1 );
}
body {
height: 100%;
}
Sok sikert!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!