Bild als background eingebunden wird pixelig

[nadjak]

Hallo,

ich habe ein jpg-Bild das als Hintergrundgrafik mit background eingebunden wird. Leider wird die Grafik dann im Browser ganz pixelig dargestellt. Das Originalbild ist nicht so. Woran kann das liegen? Bzw. wie kann ich das ändern?
Danke für eure Hilfe
lg Nadja

 

[mermshaus]

Bitte poste einen Link zu einer Demoseite.

 

[NetAktiv]

Blöde Effekte bei Grafiken können auch auftreten, wenn sie nicht in der Originalgröße dargestellt werden, Zoomen kann selbst beim Verkleinern die Qualität reduzieren. Hast du eventuell irgendwo eine width/height für das Bild stehen.

 

[nadjak]

Ich hab mal die Seite hochgeladen: Raasch bewegt - Cathleen Raasch - Cantienica Trainerin. Wenn ich sie auf meinem Rechner unter Windows7 öffne, ist das Hintergrundbild in Ordnung. Wenn ich es allerdings in meiner virtuellen Session (windows XP) öffne, sieht es so aus wie auf dem Bild.
lg Nadja

 

[Wustersoss]

Hallo,

Dein Hintergrundbild ist in Ordnung, da bauchst du dir keine Sorgen machen. Aber das bei 1024px Scrollbalken erscheinen ist nicht in Ordnung, meiner Meinung nach, zumal es nichts zum Anzeigen gibt, das eine so grosse Webseite rechtfertigen würde.

/*der Hintergrund*/ #hintergrund{     background:url(images/hintergrund.jpg) no-repeat;     margin: auto;     width: 1414px;     height: 1003px;      [FONT=Verdana]}[/FONT]

Hier würde ich die Grössenangaben in % setzen so, dass sich das Hintergrundbild dem Viewport anpasst, oder ein anderes Vehalten wählen.
Du kannst diese Angaben ausserdem dem Body zuordnen. Spart dir schon mal 1 Div.
Überhaupt hast du zu viele Divs in deinem Code für meinen Geschmack.

 

[nadjak]

Werd mir das mit den %-Angaben anschauen. Danke.
Das mit den divs stimmt, aber ich hab es ehrlich gesagt mit den ganzen transparenzen nicht anders hinbekommen...
lg nadja

 

[Wustersoss]

Für die Transparenzen kannst doch RGBA-Farben verwenden.

Farbmodul Definition ->CSS Color Module Level 3
Beispiel -> RGBA, HSLA und CSS opacity - gibt Farben Transparenz

 

[nadjak]

Wie sieht es denn da mit der Browserkompatibilität aus? Ich hab es jetzt mit opacity gemacht.
lg NAdja

 

[mermshaus]

Super. Es sei denn, du zählst den IE auch als Browser.

- HTML5 & CSS3 Support, Web Design Tools & Support - FindMeByIP - CSS3 & HTML5 Browser Support

 

[nadjak]

Ich muß ihn leider zählen...
lg NAdja

 

[Wustersoss]

Für den Internetexplorer nutzt du im CSS den MS-Filter:Introduction to Filters and Transitions