CSS เส้นขอบรัศมีไม่ได้ทำงานอยู่ในป่าหลังจากเปลี่ยนกลับแกสบี้-ส่วนเสริม-ของภาพ
บนแล็ปท็อปของฉันฉันสามารถเห็นเส้นขอบรัศมีของภาพแต่มันไม่ดูเหมือนจะทำงาน iphone หรือ iPad. (i.e. องภาพคือสเท่านั้น iPhone/iPad ฉันไม่เห็นเส้นขอบ-รัศมี:25px ถูกใช้กับภาพ)
แก้ไข 11-24:ขอโทษนี่คือดรหัส snippet ฉันกำลังใช้ styled-ส่วนประกอบ
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
ใช่นั่นเป็นเก่า'ดักฟัง'. เรื่องของไวยากรณ์แบบ css แฮ็คนควรจะซ่อมมันได้
-webkit-mask-image: -webkit-radial-gradient(white, black);
ฉันต้องคล้ายกันเรื่องกับเส้นขอบรัศมีหลังจากการย้ายฐานต้องแกสบี้-ส่วนเสริม-ภาพได้ที่นี่
ไม่แน่ใจว่านี่ที่อยู่ของคุณถามคำถามคุณอาจต้องการเพิ่มรายละเอียดและชิ้นส่วนต่างๆของรหัสจะมีประโยชน์มาก
ฉันกำลังใช้ styled-ส่วนประกอบสำหรับโครงการ วิธีแก้ปัญหาของฉันเป็นเพื่อเป้าหมายที่ img
ตัวอย่างเช่น
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`