@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);
จะสร้างสิ่งที่ต้องการ
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
^ this is not 600px
นอกจากนี้ ฉันได้เรียนรู้จากโพสต์นี้ว่าใน webkit ฉันควรใช้ขนาดประมาณ 600 แทนที่จะเป็น 600px
คอมพาสไม่ทำอย่างนั้นเหรอ?
ฉันยังต้องเพิ่ม background-repeat: no-repeat
มิฉะนั้นการไล่ระดับสีจะเกิดซ้ำใน webkit หรือไม่