सीएसएस बॉर्डर रेडियस गैट्सबी-प्लगइन-इमेज पर स्विच करने के बाद सफारी में काम नहीं करता है

अपने लैपटॉप पर मैं छवि की सीमा त्रिज्या देख सकता हूं, लेकिन ऐसा लगता है कि यह आईफोन या आईपैड पर काम नहीं कर रहा है। (यानी छवि केवल आईफोन/आईपैड पर स्क्वायर है, मुझे सीमा-त्रिज्या नहीं दिखाई दे रही थी: छवि पर 25 पीएक्स लागू किया जा रहा है)

संपादित करें 11-24: क्षमा करें यह कोड स्निपेट है जिसका मैं उपयोग कर रहा हूं स्टाइल-घटक

export const MyImageContainer = styled(GatsbyImage)`
  cursor: pointer;
  border-radius: 25px;
`

0
AskQuestion 24 नवम्बर 2021, 08:02
1
क्या आप अपना कार्यान्वयन विवरण साझा कर सकते हैं? (सीएसएस, एससीएसएस, स्टाइल-घटक, आदि)
 – 
Ferran Buireu
24 नवम्बर 2021, 08:50

2 जवाब

सबसे बढ़िया उत्तर

मेरे पास गैट्सबी-प्लगइन-इमेज में माइग्रेट करने के बाद सीमा त्रिज्या के साथ समान समस्या है।

सुनिश्चित नहीं है कि यह आपके प्रश्न को संबोधित करता है, तो आप अधिक विवरण जोड़ना चाहेंगे और कुछ कोड स्निपेट सहायक होंगे।

मैं अपने प्रोजेक्ट के लिए स्टाइल-घटक का उपयोग कर रहा हूं। मेरा समाधान img . को लक्षित करना था

उदाहरण के लिए

export const MyImageVariable = styled(GatsbyImage)`
 border-radius: 50%;
  img {
    border-radius:50%;
   }
`
1
Code_Like_a_Newbie 24 नवम्बर 2021, 08:09
धन्यवाद! यह काम करता है!
 – 
AskQuestion
25 नवम्बर 2021, 00:17

हाँ, यह एक पुराना 'बग' है। यह सीएसएस हैक इसे ठीक करना चाहिए।

-webkit-mask-image: -webkit-radial-gradient(white, black);
2
LSE 24 नवम्बर 2021, 08:08