Olika färger i olika webbläsare?

Lustigt, jag ser skarven tydligt på min iMac G4 15" rev A.

(Har inget med tråden att göra, men jag blir lite fundersam när det verkar som nyare iMacar knappt förmår visa upp problemet.)

Kan det ha någe att göra med hur de olika webläsarna tolkar #ddd? #ddd kan tolkas på flera olika sätt tex #DDD000, #DDDFFF, #D0D0D0 , #DFDFDF och #DDDDDD. De tre sista ger gråa färger som ligger nära varandra, Safari och Firefox kan helt enkelt ha olika sätt att tolka vilket färg man menar när man bara anger 3 av 6 tecken. Det är iaf min teori, så testa med att ange färgen med alla 6 hexadecimala tecken och se om det funkar bättre då.

va!?
Det där måste jag kolla upp när jag kommer hem, det låter ju som totalt olika färger drutten. Ja har senaste året angett med 3 siffror där det år (dvs typ #ddd, eller #ccc etc) och det har sett likadant ut i Safari, IE-win och firefox.

Vad jag tänkte tipsa om däremot är att transparenta png:s inte stödjs fullt ut av alla webbläsare (om jag minns korrekt). Safari är väl en av få browsers som hanterar dem utmärkt.

Jag är ingen expert på området, alla webbläsare kanske tolkar #ddd som samma färg. Men en sak som jag vet är att när man gör hemsidor så har man 16777216 (256^3) färger att välja på och det blir hexadecimalt #000000 - #FFFFFF.

Tresiffriga färgkombinationer är förkortningar av färger som består av tre par siffror. #003366 blir #036, #000000 blir #000 och så vidare. Helt enligt spec, och jag har aldrig hört talas om eller märkt att det skulle medföra några problem eller färgskillnader i någon webbläsare.

Se även Syntax and basic data types .

Man lär sig någe nytt varje dag

24-bitars transparenta png funkar troligen inte. I vilket fall som helst är du körd på IE/PC som inte tar alpha-channeln i dom. Har du testat med en transparent gif?
Förresten, varför ha transparens över huvud taget? varför inte en gif utan transparens, alltså bara tona från färg till sidans bakgrundsfärg direkt, eftersom jag har för mig att en del läsare har "issues" med just transparens i bakgrundsbilder.
Hexfärgerna med tre bokstäver går alldeles utmärkt.

Du skulle ju kunna skippa att ha en bakgrundsfärg, och istället ersätta bakgrundsbilden som du har nu med en 5x5 pixlar bild (repeteras över hela sidan såklart) som har den färg du vill ha.

Sedan skapar du en tabell som har en enda stor cell, och tabellens bakgrund får ha din gradient. Då har ju bakgrunden samma färg som slutet på gradienten. Eller har jag missförstått situationen?

Men testa med en gif, som jag föreslog.
Det kan vara svårt att få jpgs och pngs att hålla rätt hex-värden.
(Förresten tror jag att det var jag som felaktigt drog slutsatsen att det var transparens med i spelet. Man brukar junte använda png annars, eftersom dom kan bli ganska "tunga".)

EDIT: När jag kollar färgerna med Digtal Color Meter så har sidans botten #E3E3E3 medan övre kanten på png'n är #E8E8E8. Poängen alltså att dom har olika värden.

Appropå "tunga" bilder så ska png komprimera 5-25% bättre än gif för genomsnittsbilden.

Det enda problemet jag ser med png är att den har dåligt stöd, framförallt av... IE (oväntat va?)

Läs mer om png och gif hos w3.

Jorå, png komprimerar mycket bättre än gif (om det är "vanliga" bilder, dvs inte "grafiska" bilder).
Jag menade i valet mellan jpg och png.
Men i det här fallet är det viktigt att få ett exakt hex-värde, å då är giffen bättre än png'n och jipeggen. Ska man få de senare att hålla viss färg på ett visst ställe på bilden, så ska man ha en stor portion tur och mycket tålamod.
Giffen klara det, men det kostar några Kb extra.

Smaken är som baken!

Men nu vet du ju hur du skulle kunna få det att fungera

Det är ok att fuska så länge ingen upptäcker det...