SASS Compass การไล่ระดับสีเชิงเส้นพร้อมการหยุดสี px และ webkit

@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 หรือไม่


person Jiew Meng    schedule 11.02.2011    source แหล่งที่มา


คำตอบ (1)


+1 มีปัญหาเดียวกัน น่าหงุดหงิดที่ หน้าตัวอย่างเข็มทิศนี้ แสดงการไล่ระดับสีที่ทำงานได้ดีใน WebKit อาจเป็นปัญหาเกี่ยวกับเวอร์ชันใช่ไหม ฉันกำลังจะลองดาวน์เกรดเป็นเวอร์ชันก่อนหน้าและดูว่าจะช่วยได้หรือไม่


แก้ไข

ดูเหมือนว่าการหยุดสี webkit ได้รับการแก้ไขในส่วนหัวแล้ว ติดตั้งเวอร์ชันล่าสุด (0.11.beta.2 ณ วันที่เขียนบทความนี้) และ ตรวจสอบให้แน่ใจว่าคุณรีสตาร์ทเซิร์ฟเวอร์ของคุณ (ไม่เหมือนที่เราทำครั้งแรก) แล้วคุณจะพบว่าสีของ webkit หยุดทำงานอย่างถูกต้อง

person steve    schedule 25.02.2011