13
क्या या translate जैसे सीएसएस फ़ंक्शन के अंदर calc() का उपयोग करना संभव है? मुझे यह काम नहीं मिल रहा है। यहाँ एक डेमो जाएगा, ताकि आप के आसपास खेल सकते हैं:किसी अन्य फ़ंक्शन के अंदर calc() का उपयोग कैसे करें
A
उत्तर
8
आप calc() का उपयोग कर सकते हैं जहां भी आप सीएसएस में लंबाई आधारित मान का उपयोग कर सकते हैं। आपके द्वारा प्रदान किया गया उदाहरण काम करता है, लेकिन वास्तव में 0 तक जोड़ता है। उदाहरण के लिए यहां थोड़ा बदल गया डेमो है: http://jsfiddle.net/joshnh/6ydR3/
इसके अलावा, अपरिक्स्ड संस्करण को अंतिम रूप से सूचीबद्ध करना सुनिश्चित करें।
एक ट्रांसफॉर्म के भीतर कैल्क() फ़ंक्शन में अन्य मान प्रकारों के साथ मिश्रित प्रतिशत क्रोम में बिल्कुल काम नहीं कर रहा है। मैं इसे एक बग के रूप में रिपोर्ट करूंगा।
अद्यतन: https://code.google.com/p/chromium/issues/detail?id=150054
+0
पर calc() का समर्थन नहीं करता है या तो IE10 में काम नहीं करता है :(मुझे लगता है कि यह अभी तक एक उपयुक्त समाधान नहीं है ... आपके उत्तर के लिए धन्यवाद :) – cmplieger
2
यह काम करता है: http://jsfiddle.net/qdJwY/2/
(संपादित करें: फ़ायरफ़ॉक्स में परीक्षण किया गया केवल)
अपने उदाहरण में यह सिर्फ इतना है कि 100% = 200px, तो आप शून्य से अनुवादित है।
मुझे नहीं लगता कि अनुवाद प्रतिशत ले: यह एक बग यहाँ के रूप में सूचित किया गया है। यह काम करता है यदि आप प्रतिशत के बजाय पिक्सल का उपयोग करते हैं लेकिन मुझे लगता है कि उद्देश्य को हराने में मदद मिलेगी। – Musa
हाँ लेकिन प्रयास के लिए धन्यवाद :) – cmplieger