दिलचस्प पोस्ट
ASP.NET MVC और अजाक्स, समवर्ती अनुरोध? Google मैप्स: कैसे देश, राज्य / प्रांत / क्षेत्र, शहर को एक अक्षांश / लंबा मूल्य दिया जाना है? एक सदिश में स्ट्रिंग :: स्ट्रिंग को विभाजित करने का सही तरीका <string> पायथन | सीटीआईपी के उपयोग से डीएलएल एक्सेस करना क्या किसी अन्य जीआईटी रिपॉजिटरी से चेरी को लेना संभव है? स्क्रीन पर माउस स्थान के आसपास क्षेत्र के लिए ज़ूम बॉक्स प्रत्येक एन-वें चरित्र पर एक स्ट्रिंग को विभाजित करना सॉर्ट किए गए मैट्रिक्स पर चयन एल्गोरिदम कैसे std :: make_tuple का उपयोग करते समय कंस्ट्रक्टर के लिए अपरिभाषित निष्पादन आदेश से बचने के लिए क्या मुझे सर्वोलेट आउटपुटस्ट्रीम को बंद करना चाहिए? कैसे d3.js का उपयोग कर अक्ष को अपडेट करें कोणीय – एनजी-दोहराने के क्रम में काम नहीं कर सकते मैं ggplot (किंवदंतियों के साथ) में लगातार-चौड़ाई भूखंड कैसे बना सकता हूं? 'केवल एक रिएक्ट ओनर के पास रिफ हो सकता है।' क्या मतलब है? सर्वर सॉकेट 2 क्रोम अनुरोध प्राप्त करता है जब मैं क्रोम से भेजता हूं और जब मैं फ़ायरफ़ॉक्स से भेजता हूं तब प्राप्त होता है

CSS3 के एट्रर () प्रमुख ब्राउज़रों में काम नहीं करता है

मेरे पास यह मेरे HTML दस्तावेज़ में है:

<a class="wbutton tint" data-tint="rgba(255,0,0,.5)" href="#">This should be red, with an opacity of 0.5</a> 

और यह सीएसएस फ़ाइल में है:

 .window > .content .wbutton.tint { border: solid thin attr(data-tint, color); box-shadow: inset 0 0 50px attr(data-tint, color); } 

फ़ायरफ़ॉक्स फ़ायरबग में एक सीएसएस त्रुटि देता है क्या मुझसे कुछ गलत हो रही है?

attr() फ़ंक्शन के लिए डब्लू 3 सी चश्मा के अनुसार, यह काम करना चाहिए।

(इसके अलावा, एमडीएन विकी में attr() बारे में कोई पृष्ठ है , इसलिए मुझे लगता है कि इसे कम से कम फ़ायरफ़ॉक्स में काम करना चाहिए)

Solutions Collecting From Web of "CSS3 के एट्रर () प्रमुख ब्राउज़रों में काम नहीं करता है"

इस विवरण में दिए गए व्याकरण को देखते हुए:

 attr( <attr-name> <type-or-unit>? [ , <fallback> ]? ) 

ऐसा लगता है कि गुण नाम और उपयोग किए जाने वाला यूनिट के बीच अल्पविराम को गिरा दिया जाना चाहिए:

 .window > .content .wbutton.tint { border: solid thin attr(data-tint color); box-shadow: inset 0 0 50px attr(data-tint color); } 

हालांकि, यदि आपके पास सही सिंटैक्स है, तो भी यह काम नहीं करेगा। यह पता चला है, attr() के स्तर 3 संस्करण का कोई भी ज्ञात कार्यान्वयन नहीं है attr() अभी तक के रूप में 2012 2013 2014 2015 2016 मामले को बदतर बनाने के लिए, यह अभी भी नवीनतम संपादक के मसौदे के रूप में खतरे में है ।

लेकिन सभी नहीं खोए गए हैं: यदि आप आगामी ब्राउज़रों में लागू की गई इस सुविधा को देखना चाहते हैं, तो अभी भी प्रासंगिक प्रतिक्रिया चैनलों में यह सुझाव देने का समय है! ये प्रस्ताव अभी तक जारी किए गए हैं:

  • माइक्रोसॉफ्ट एज प्लेटफॉर्म , वर्तमान में विचाराधीन है (एचटी लेआ वेरो !)

रिकार्ड के लिए, मूल स्तर 2.1 संस्करण , IE8 + और Firefox 2+ सहित सभी प्रमुख ब्राउज़रों के हाल के संस्करणों में पूरी तरह से समर्थित है, और इसके लिए content संपत्ति के साथ प्रयोग किया जाता है :before और :after छद्म तत्वों के :after उत्पन्न सामग्री के लिए मोज़िला डेवलपर नेटवर्क (एमडीएन) ब्राउज़र संगतता तालिका केवल इस संस्करण के लिए लागू है, और नहीं CSS3 संस्करण।

आज की तरह, CSS3 में attr() केवल एक तत्व की content सेट करने के लिए HTML5 data विशेषता से मूल्य प्राप्त करने का समर्थन करता है एक अच्छा बेला है जो इसे दिखाता है।

मैंने इसे Google क्रोम 35, मोज़िला फ़ायरफ़ॉक्स 30 और इंटरनेट एक्सप्लोरर 11 में परीक्षण किया है।

यदि आप CSS3 में विभिन्न चीज़ों के लिए HTML5 डेटा विशेषताओं का उपयोग करना चाहते हैं, जैसे कि width और तत्वों की height सेट करना, तो आपको एक अतिरिक्त JavaScript लाइब्रेरी की आवश्यकता है।

फैब्रिस वीनबर्ग ने एक CSS3 आर्ट () पॉलिफ़िल लिखा है जो data-width और data-height नियंत्रित data-width आप यहां Fabrice GitHub रिपॉजिटरी देख सकते हैं: cssattr.js

मुझे हैक मिला यह विशेषता नहीं है, लेकिन शैलियों पर सीधे हेरफेर करें क्रोम कैनरी में, आप गुणों में हेर-फेर करने के लिए कस्टम सीएसएस प्रॉपर्टीज और जेएस का उपयोग कर सकते हैं।

सीएसएस में:

 .some { background-position: var(--x) 0; } 

जेएस में:

 element.style.setProperty("--x", "100px", ""); //With same success you can set attribute. 

टेस्ट केस: https://jsfiddle.net/y0oer8dk/

फ़ायरफ़ॉक्स: https://jsfiddle.net/0ysxxmj9/2/