CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

radiv Nybegynder

05. december 2007 - 09:20 Der er 11 kommentarer og
1 løsning

Gradient baggrund, problemer med IE og Safari

Jeg prøver at lave en baggrund til min side hvor den går fra lys til mørkere blå (#CBCBCB), for så at fortsætte med denne farve hvis siden bliver længere.

Jeg har et .png billede på 1x768 px som baggrund med den rigtige baggrundsfarve. I CSS:

body{
background: #CBCBCB url(../images/site_bg.png) repeat-x;
}

og det hele fungerer i Firefox og Opera, men ikke i IE7 på windows og Safari på Mac. Nogle bud på hvad der er galt?

Synes godt om

soerenlyn Nybegynder

05. december 2007 - 12:58 #1

Jeg ved ikke om det hjælper, men prøv at tilføj disse linjer:

body{
background: #CBCBCB url("../images/site_bg.png") top left repeat-x;
}

Ellers kunne jeg forestille mig de ikke understøtter png? For umiddelbart er der ikke noget galt ..

Synes godt om

radiv Nybegynder

05. december 2007 - 13:35 #2

Det gjorde ingen forskel. Det merkelige er at den graduerer fra #FFFFFF til #C5C5C5 i IE, mens i Firefox og Opera graduerer den korrekt fra #FFFFFF til #CBCBCB.

Synes godt om

tjacob Juniormester

06. december 2007 - 16:54 #3

Jeg har haft samme problem. Jeg kender ikke årsagen, men problemet forsvandt ved at gemme billedet som jpg i stedet for png.

Synes godt om

tjacob Juniormester

06. december 2007 - 17:01 #4

Jeg skulle måske lige præcisere: i IE7. Jeg har ikke testet i andre browsere....

Synes godt om

radiv Nybegynder

06. december 2007 - 20:34 #5

Det fungerer med jpg i IE7 - tester andre browsere i morgen.

Synes godt om

roenving Novice

07. december 2007 - 01:35 #6

Jeg ville til en sådan gradient bruge .gif !-)

Synes godt om

hresben Nybegynder

07. december 2007 - 12:34 #7

Jeg havde selv samme problem på en gradient i min topbar, men det virkede i alle browsere efter jeg havde angivet højde.
Prøv med:
body{
background: #CBCBCB url(../images/site_bg.png) repeat-x height 768px;
}

Default værdien for højde er auto, men nogle browsere læser det tilsyneladende som nul.

Synes godt om

radiv Nybegynder

07. december 2007 - 13:19 #8

Det fungerer med såvel jpg (3.4KB) som med gif (1.4KB) i de browsere jeg har testet (IE, Firefox og Opera for windows, Safari og Firefox for Mac), så jeg valgte den sidste. At angive højde fungerede ikke.

Tak for alle forslag.

Synes godt om

tjacob Juniormester

07. december 2007 - 14:38 #9

Det er åbenbart png'ernes gamma-korrektion (lysstyrke) der bliver tolket forkert. Se her: http://hsivonen.iki.fi/png-gamma/

Der findes et program der kan strippe en png for dens gamma-korrektion, der findes en beskrivelse (og link) af det her:
http://dhromed.pliv.com/?p=145

-Så vil det samme png blive tolket ens (korrekt ifht CSS) i alle browsere.

Synes godt om

tjacob Juniormester

07. december 2007 - 14:47 #10

Well, efter at have nærlæst det øverste link, så kan pngcrush ikke løse problemet for ALLE browsere; der er nogle ældre versioner der stadig ikke tolker korrekt.

Synes godt om

radiv Nybegynder

02. januar 2008 - 15:19 #11

tjacob - kom med et svar så jeg kan få lukket

Synes godt om

tjacob Juniormester

03. januar 2008 - 09:43 #12

OK -svar

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS