Folgende Definition habe ich gemacht (bzw. diese soll es gem. Anzeige im Backend sein):
Code:
body {
height:100%;
max-height:400px;
margin:0;
padding:0;
background-color:#000;
background-position:center top;
background-repeat:no-repeat;
background:-moz-linear-gradient(top,#000000,#ffffff);
background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#000000),color-stop(1,#ffffff));
background:-o-linear-gradient(top,#000000,#ffffff);
background:linear-gradient(top,#000000,#ffffff);
-pie-background:linear-gradient(top,#000000,#ffffff);
behavior:url('plugins/1.0beta5/css3pie/PIE.htc');
}
aber das no-repeat funktionert nicht. Scrolle ich das Fenster hoch, beginnt plötzlich der Farbverlauf wieder (kann man am besten sehen, wenn man den sichtbaren Bereich des Browserfensters stark verkleinert und ein wenig scrollt.
Schau ich mir die Sache mit Firebug an, dann ist folgendes zu lesen:
Code:
body {
background-attachment:scroll;
background-clip:border-box;
background-color:transparent;
background-image:-moz-linear-gradient(center top , #000000, #FFFFFF);
background-origin:padding-box;
background-position:0 0;
background-repeat:repeat;
background-size:auto auto;
height:100%;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
max-height:400px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
Wenn ich unter 'eigener Code' in der Formatdefinition folgendes eintrage:
Code:
background-repeat:n-repeat;
Dann ist alles OK und der Farbverlauf wird nicht wiederholt, wenn ich den Seiteninhalt hochscrolle.
Kann das jemand nachvollziehen?
Das wäre dann wohl ein Fehler im Code der C3-Beta oder übersehe ich da etwas?
Lesezeichen