Guten Morgen!
Ich bastele grade an einer Testseite für einen Verein und habe Schwierigkeiten mit dem Hintergrundbild.
Ich möchte gerne das Hintergrundbild ganz, ohne zu scrollen, ohne Wiederholung und mittig sehen.
Zentriert, scrollfrei und ohne Wiederholung habe ich (durch Infos hier aus dem Forum) hingekriegt, aber ich sehe immer nur einen Teil des Bildes und das auch unscharf - egal ob ich ein kleines Hintergrundbild (500 kb) oder ein großes (2 MB) verwende.
Sicher stehe ich nur irgendwie auf dem Schlauch, trotzdem (um so mehr!) wäre ich für jede Hilfe dankbar
Viele Grüße, Antonia
Hier mein kompletter Code:
<style type="text/css">
<--
/* Hintergrund hinter Design */
body {
background: none #9999CC !important; }
body {
background: url(http://img.webme.com/pic/c/cybertyranno/IMG_4851.JPG) no-repeat center center fixed;
- webkit-background-size: cover;
- moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#masthead {height: 1px;}
#masthead, #claim, #header-image {visibility:hidden;}
/* Menü-Button aktuell besuchte Seite */
#checked_menu a {background: #FFFFFF;}
/* Seitentitel im Seiteninhalt */
#main h1 {color: #f9f9fb;}
#main, #content {background-color: #d1c0cd; }
#sidebar { color: #000033!important; }
-->
</style>
