3 Stimmen

Die CSS-Farbverlaufsfunktion scheint zu viel Rechenleistung zu verbrauchen, mache ich etwas falsch?

In Ordnung, jetzt bin ich versuchen, eine kühl aussehende Tabelle mit mit CSS Gradient Funktion, die von Firefox, Oper, Chrome unterstützt wird.

Es sieht toll aus, aber es hinkt zu sehr. Wenn ich auf der Seite nach unten scrolle, verzögert es sich stark. Es ist sogar auf einem superschnellen Computer langsam, also liegt es nicht am Computer. Ich habe es auch mit verschiedenen Browsern versucht, aber es hakt immer noch. Wenn ich Gradient Hintergrundfarbe Funktion deaktivieren es wieder normal.

Also, wie kann ich dieses Problem beheben oder gibt es eine andere Möglichkeit, die ich kühl aussehende Tabelle machen kann. danke.

So sieht die Tabelle aus http://img202.imageshack.us/img202/4905/howlook.png

Dies ist eine Beispielklasse, die ich für die Tabelle tds verwende

 .ML0
    {
                  color: #000000;
        text-decoration: none;
        background: rgb(229,229,229);
        background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(229,229,229)), color-stop(0.55, rgb(242,242,242)), color-stop(0.78, rgb(255,255,255)) );
        background: -moz-linear-gradient( center bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        background: -o-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        background: -ms-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); 
    }

8voto

BoltClock Punkte 660640

Das ist ein Problem, das die Browserhersteller lösen müssen, nicht Sie. Sie verwenden normalerweise CSS3-Farbverläufe.

Ich schlage vor, dass Sie stattdessen Fehlerberichte bei den jeweiligen Anbietern einreichen. Wenn Sie eine gute Bildlaufleistung benötigen, müssen Sie sich vorerst mit einer Alternative zufrieden geben. Hintergrundbilder eignen sich hervorragend dafür; Sie sind nicht verpflichtet, die alles mit CSS.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X