सीएसएस सीमा त्रिज्या वेबकिट

पर छवि को ट्रिम नहीं कर रहा है मुझे क्रोम का उपयोग करते समय मेरे # स्क्रीन तत्व से सीमा-त्रिज्या क्यों चला गया है, लेकिन फ़ायरफ़ॉक्स या यानी 9 क्यों नहीं है?सीएसएस सीमा त्रिज्या वेबकिट

मैं प्रत्येक ब्राउज़र प्लस मानक बॉर्डर-त्रिज्या के लिए सभी विभिन्न उपसर्गों:

www.cenquizqui.com

ऊपरी सामग्री बॉक्स कि चित्रों रखती है, #screen

एक कहा जाता है स्क्रीन के सीएसएस का पेस्ट कॉपी:

#screen {background: none repeat scroll 0 0 #EEEEEE; 
    display: block; 
    height: 300px; 
    position: relative; 
    width: 960px; 
    overflow:hidden; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    -o-border-radius:10px; 
    border-radius:10px;}

यह क्योंकि क्रोम छवियों का ठीक से संभाल नहीं करता है 'ट्रिमिंग'? मैंने सोचा था कि यह केवल एक समस्या थी जब आपके पास गोलाकार कोने कंटेनर के अंदर वास्तविक टैग थे, जब आईएसजी को सीएसएस के माध्यम से पृष्ठभूमि-छवि के रूप में नहीं कहा जाता था।

सादर G.Campos

स्रोत

2012-01-02 Sotkra

यह ओपेरा में भी काम नहीं करता है। – c69

वेबकिट बच्चों और भव्य बच्चों के लिए सीमा-त्रिज्या फसल को संभाल नहीं सकता है। यह सिर्फ इतना बुरा है। यदि आप सीमा फसल चाहते हैं, तो इसे सीधे div पर होना चाहिए, चित्र को पदानुक्रम से नीचे गहराई से बिना रखा गया है।

स्रोत

2012-01-12 16:57:53 Sotkra

इस संदिग्ध या दोष के बारे में कोई दस्तावेज नहीं मिला - अगर कोई करता है, तो कृपया – Sotkra

बताएं http://stackoverflow.com/questions/5736503/how-to- मेक-सीएसएस 3-गोलाकार-कोनों-छुपा-ओवरफ्लो-इन-क्रोम-ओपेरा –

ऐसा लगता है कि आप li तत्व को बॉर्डर की त्रिज्या लागू करने की आवश्यकता:

#slides li { 
display: block; 
float: left; 
height: 300px; 
width: 960px; 
position: relative; 
border-radius: 10px; 
}

स्रोत

2012-01-02 21:03:45 justinlabenne

यह एक बहुत ही अप्रिय प्रभाव देने जा रहा है। – AlienWebguy

मेरे लिए और आप हां, केवल ट्रैकिंग करने में सहायता करने की कोशिश कर रहे हैं जहां सॉटक्र्रा परिवर्तन करने के लिए देख सकता है। – justinlabenne

अच्छी तरह से हाँ, मैं इसे ली तत्व पर लागू कर सकता हूं, लेकिन फिर, जैसे-जैसे स्लाइड पास हो जाती हैं, स्लाइड के बीच 'कोनों' निर्बाध नहीं होंगे। आखिरकार, सवाल यह है कि क्रोम पर ऐसा क्यों होता है लेकिन एफएफ या यानी नहीं? – Sotkra

यह बहुत ज्यादा एक बॉर्डर की त्रिज्या है:

enter image description here

(मैंने अभी क्रोम के देव टूलबार के साथ एक सीमा जोड़ा है।)

सीमा त्रिज्या परिणामस्वरूप क्षेत्र — के भीतर अपनी सामग्री को प्रतिबंधित नहीं करता है, कोनों के बाहर की जगह अभी भी तत्व की सामग्री द्वारा लक्षित है।

मेरी सिफारिश उस छवि को ओवरले करना होगा जिस पर कोनों को काट दिया गया था (और फिर मानचित्र का उपयोग करें या जो भी आप बाएं/दाएं तीर को सक्षम करने के लिए सहज महसूस करते हैं)।

स्रोत

2012-01-02 21:10:22 Purag

में एक समग्र दोष प्रतीत होता है हां, मुझे पता है लेकिन ... क्या यह क्रोम-केवल 'चीज' है क्योंकि फ़ायरफ़ॉक्स इसके साथ सौदा करने लगता है। नरक, यहां तक कि सबसे क्रोधित ब्राउज़र जीवित, यानी 9, इसे ठीक से संभालता है। मुझे आश्चर्य है कि क्या इसे किसी प्रकार की पृष्ठभूमि क्लिप संपत्ति के साथ ठीक किया जा सकता है ... – Sotkra

मैं यह भी सोच रहा था कि पूर्ण स्थिति और जेड-इंडेक्स सीमा-त्रिज्या के माध्यम से क्लिपिंग को बर्बाद कर रहा था या नहीं। मैंने दोनों को हटा दिया और बग बनी हुई है। – Sotkra

@ सॉटकारा, नहीं यह सफारी और ओपेरा में भी होता है। ऐसा लगता है कि फ़ायरफ़ॉक्स और आईई वे हैं जो इसे सही मानते हैं। और आपको वास्तव में आईई 9/10 पर एक और नजर डालना चाहिए क्योंकि उनके जावास्क्रिप्ट इंजन अब तक के सबसे तेज़ और सबसे अधिक प्रतिक्रियाशील हैं। आईई ने वास्तव में चीजों को एक टन साफ कर दिया है और अब बड़ी संख्या में बड़ी संख्या में चलने वाले वेबकैट मुद्दे हैं। – Aaron

बॉर्डर-त्रिज्या सेट के साथ तत्व के बच्चे तत्वों के लिए निम्न सीएसएस का प्रयास करें: opacity:0.99; यह समस्या का हल और अस्पष्टता ज्यादा नहीं बदलता है। यह मेरे लिए पूरी तरह से काम किया।

.element-that-holds-pictures { 
    perspective: 1px; /* any non-zero value will work */ 
}

यह सब पर प्रदर्शन (- जो, महान समाधान नहीं है भी, वैसे opacity:0.99 वैकल्पिक हल के विपरीत) को प्रभावित नहीं करेगा:

स्रोत

2014-11-22 06:10:05

यहाँ एक समाधान है कि मौजूदा क्रोम बग को ठीक होगा।

स्रोत

2015-01-14 00:09:37 Adam

आपने सर को अपना दिन बचाया !! – phoenixwizard

वाह, एक आकर्षण की तरह काम किया। धन्यवाद! – Andrienko

यह क्रोम ब्राउज़र – ntgCleaner

एक बहुत ही सरल समाधान है।

बस overflow:hidden कंटेनर में जोड़ें जिसमें सीमा-त्रिज्या है और बच्चे के तत्व हैं। यह कंटेनर पर बच्चों के बहने से रोकता है .. इस प्रकार समस्या को ठीक करना और सीमा-त्रिज्या

स्रोत

2015-08-25 12:59:36 DutchKevv

सीएसएस सीमा त्रिज्या वेबकिट

उत्तर

संबंधित मुद्दे