Avatar billede TumseMM Nybegynder
15. august 2011 - 10:08 Der er 5 kommentarer og
1 løsning

gradient background i firefox

Hej Eksperten.dk

Hvordan kan det være at min gradient baggrund ikke fungerer ordentligt i firefox 5.0.1?

I chrome og safari er det helt perfekt, men i firefox (og måske IE også) kommer der en stor fed streg i midten af det hele.

Dette skulle da meget gerne virke:

<body style="background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #bdf3fd 95%, #6ba8e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(95%,#bdf3fd), color-stop(100%,#6ba8e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#6ba8e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* W3C */"</body>


Tak på forhånd!
Avatar billede olebole Juniormester
15. august 2011 - 15:16 #1
<ole>

Skriv det som en style rule, så det er muligt at se, hvad du skriver. Så meget CSS er ikke til at overskue, når det er skrevet inline.

Uden indhold har body elementet ingen højde. Derfor vil din gradient heller ikke kunne ses

/mvh
</bole>
Avatar billede TumseMM Nybegynder
16. august 2011 - 20:27 #2
Hej olebole
hvad er en style rule?
Avatar billede olebole Juniormester
16. august 2011 - 23:57 #3
En regel i et stylesheet - det mest basale i CSS  =)


<style type="text/css">
body {
    /* Indsæt dit CSS her */
}
</style>

Avatar billede TumseMM Nybegynder
18. august 2011 - 07:28 #4
<style type="text/css">
body {
<body style="background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #bdf3fd 95%, #6ba8e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(95%,#bdf3fd), color-stop(100%,#6ba8e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#6ba8e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#bdf3fd 95%,#6ba8e5 100%); /* W3C */"</body>
}
</style>

Som det her?
Avatar billede olebole Juniormester
18. august 2011 - 16:15 #5
Jeg tror først, du bør sætte dig ind i, hvad CSS er - og nok også, hvad HTML er
Avatar billede TumseMM Nybegynder
18. august 2011 - 18:21 #6
Okay makker - tak for hjælpen! Du får ingen points for det der.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester