Używanie CSS3 PIE dla efektu Gradient w IE8 - html, css3, css3pie

ja używam CSS3PIE wygenerować tło gradientowe dla div.

-pie-background: linear-gradient(#BFBBBB, #FFFFFF);

Powyższy kod daje pożądany efekt. Ale wypełnia całą wysokość div gradientem.

Muszę ograniczyć gradient do kilku pikseli (lub procentu) od góry div.

Odpowiednikiem CSS3 dla Chrome jest

tło: -webkit-gradient (liniowy, lewy górny, lewy dolny, zatrzymanie koloru (0%, #BFBBBB), zatrzymanie koloru (30%, #FFFFFF));

Kluczem jest tutaj color-stop(30%, #FFFFFF). Jeśli wcześniej korzystałeś z CSS3 PIE, zasugeruj, jak go uzyskać color-stop właściwość z CSS3-PIE.

Odpowiedzi:

linear-gradient(#BFBBBB, #FFFFFF 30%);

PIE używa standardowej składni gradientowej (z wyjątkiem parametru kierunku, który został zmieniony w specyfikacji, ale nie został jeszcze zaktualizowany w PIE).

Skoro o tym mowa, powinieneś także używać standardowej składni (w razie potrzeby z prefiksem) dla innych przeglądarek. Stara składnia -webkit-gradient nie jest już obecną preferowaną składnią.