Warum scrollt mein CSS3-Farbverlauf und wie kann ich das verhindern?

Also habe ich endlich eine Website gemacht, die in jedem großen modernen Browser gut aussieht. Sogar IE. Woohoo für mich, könnte man sagen.Warum scrollt mein CSS3-Farbverlauf und wie kann ich das verhindern?

Aber ich habe ein letztes Problem. Mein Farbverlauf scrollt.

Hier ist mein Steigung Code:

padding:0; 
margin:0; 
font:normal 12px/16px Arial, Helvetica, sans-serif; 
background: #4c4c4c; /* Old browsers */ 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmMyYzJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
background: -moz-radial-gradient(center, ellipse cover, #4c4c4c 0%, #000000 100%); /* FF3.6+ */ 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4c4c4c), color-stop(100%,#000000)); /* Chrome,Safari4+ */ 
background: -webkit-radial-gradient(center, ellipse cover, #4c4c4c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, #4c4c4c 0%,#000000 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, #4c4c4c 0%,#000000 100%); /* IE10+ */ 
background: radial-gradient(center, ellipse cover, #4c4c4c 0%,#000000 100%); /* W3C */

es selbst ausprobieren: Es rollt und passt sich den Seiteninhalt. NEIN! Ich möchte, dass es sich an die Größe des Browsers und nicht an die gesamte Seitengröße anpasst. Auf diese Weise scrollt der Inhalt und nicht der Hintergrund & der Inhalt.

Wie könnte ich den Inhalt scrollen und nicht den Hintergrund & den Inhalt?

Quelle

2012-03-26 JavaAndCSharp

Worauf wird dieses CSS angewendet? "Körper", nehme ich an? – SenorAmor

Kannst du ein JFiddle veröffentlichen, das es in Aktion zeigt? Oder posten Sie zumindest Ihren HTML-Code und die vollständige CSS-Regel. –

@SenorAmor: Ja, vergaß das zu erwähnen. BTW, toller Benutzername. :) – JavaAndCSharp

Versuchen Sie die Einstellung background-attachment:fixed; unter Ihrem Hintergrund Verknüpfungen. (Sie könnten es auch in den Verknüpfungen festlegen, indem Sie vollständige Deklarationen verwenden, aber die Überschreibung würde weniger Tipparbeit erfordern und besser zu verwalten sein).

Quelle

2012-03-26 01:56:40 SpliFF

nein. Das hat überhaupt nicht funktioniert. – JavaAndCSharp

dann machst du etwas falsch oder es ist ein IE-spezifisches Problem. Überprüfen Sie diese Geige für das Arbeiten Beispiel: http://jsfiddle.net/GXMcP/ – SpliFF

Was ich will ist eine Bildlaufleiste, so dass ich den Rest des Inhalts sehen kann - aber ohne das Hintergrundbild scrollen. Das gibt mir keine Scrollbar. – JavaAndCSharp

Warum scrollt mein CSS3-Farbverlauf und wie kann ich das verhindern?

Antwort

Verwandte Themen