सीएसएस बॉर्डर रेडियस गैट्सबी-प्लगइन-इमेज पर स्विच करने के बाद सफारी में काम नहीं करता है
अपने लैपटॉप पर मैं छवि की सीमा त्रिज्या देख सकता हूं, लेकिन ऐसा लगता है कि यह आईफोन या आईपैड पर काम नहीं कर रहा है। (यानी छवि केवल आईफोन/आईपैड पर स्क्वायर है, मुझे सीमा-त्रिज्या नहीं दिखाई दे रही थी: छवि पर 25 पीएक्स लागू किया जा रहा है)
संपादित करें 11-24: क्षमा करें यह कोड स्निपेट है जिसका मैं उपयोग कर रहा हूं स्टाइल-घटक
export const MyImageContainer = styled(GatsbyImage)`
cursor: pointer;
border-radius: 25px;
`
2 जवाब
मेरे पास गैट्सबी-प्लगइन-इमेज में माइग्रेट करने के बाद सीमा त्रिज्या के साथ समान समस्या है।
सुनिश्चित नहीं है कि यह आपके प्रश्न को संबोधित करता है, तो आप अधिक विवरण जोड़ना चाहेंगे और कुछ कोड स्निपेट सहायक होंगे।
मैं अपने प्रोजेक्ट के लिए स्टाइल-घटक का उपयोग कर रहा हूं। मेरा समाधान img . को लक्षित करना था
उदाहरण के लिए
export const MyImageVariable = styled(GatsbyImage)`
border-radius: 50%;
img {
border-radius:50%;
}
`
हाँ, यह एक पुराना 'बग' है। यह सीएसएस हैक इसे ठीक करना चाहिए।
-webkit-mask-image: -webkit-radial-gradient(white, black);