klawischnigg: background-image iPhone

Beitrag lesen

problematische Seite

Hi there,

habe Probleme mit dem background-image am iPphone wie auch am iPad. Das Bild wird riesengroß dargestellt. Am Macbook, an dem ich die Web-Site umgestzt habe ist alles tutti, in der Browservorschau wie auch im HTML-Editor.

Hier der HTML- sowie CSS-Code:

<body class="bg_sem">
.bg_sem {
   background-image: url("../images/bild2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover; 
}

Das stimmt mit der Seite aber ohnehin nicht überein. Abgesehen davon, daß es normalerweise keinen Grund gibt, dem Body eine Klasse zu geben, hast Du da widersprüchliche Angaben drin. Im Styling vom Body-Element notierst Du:

background-image: url(../images/bg_body2.jpg);

(das ist vermutlich das Bild, das auch dargestellt wird)

und dann gibts Du dem Body die Klasse bg_sem, wo ein Background-Image:

background-image: url(../images/bild2.jpg);

eingetragen hast, das aber soweit ich das sehe (ich tue mir bei Seite mit so einem Eso-Quatsch-Inhalt immer schwer, mir tränen da sofort die Augen) gar nicht angezeigt wird - das bedeutet aber mehr oder weniger, daß auch die anderen Anweisungen in der Klassendefinition ignoriert werden...