Hallo Leute,
ich habe ein Problem, für das ich in keinem Forum eine wirkliche Lösung gefunden habe:
Ich habe auf meiner Seite drei Sektionen mit Parallaxbildern. Diese habe ich in einem größeren Format hoch geladen, damit sie auch auf einem 4K-Monitor noch vernünftig dargestellt werden. Um die Ansicht aber auch auf allen kleineren Monitoren optimal darstellen zu können, habe ich im CSS den Befehl background-size: cover; angelegt... das funktioniert auch in allen Browsern genau wie gewünscht - nur im Firefox nicht!!!???
Ich habe es auch auf mehreren verschiedenen Rechnern ausprobiert - keine Änderung...
Folgendermaßen sieht der Codebereich aus:
[COLOR=#0000ff]section.parallax_section_holder {
padding: 0;
-moz-background-repeat: no-repeat;
background-repeat: no-repeat;
background-color: transparent;
-moz-background-position: center center;
background-position: center 0;
-moz-background-attachment: fixed;
background-attachment: fixed;
background-size: cover important;
-moz-background-size: cover important;
-o-background-size: cover important;
-webkit-background-size: cover important;
min-height: 500px !important;
}
[/COLOR]
Ich muss dazu sagen, dass ich nicht wirklich Plan von CSS oder HTML habe...
Kann mir irgendjemand kurzfristig weiterhelfen, so dass ich es verstehe?!
Vielen Dank im Voraus.
Andreas