दिलचस्प पोस्ट
जीसीसी और एलडी के साथ अप्रयुक्त सी / सी ++ प्रतीकों को कैसे निकालें? आप Linq परिणामों के लिए एक इंडेक्स फ़ील्ड कैसे जोड़ सकते हैं केवल अल्फ़ान्यूमेरिक को अनुमति देने के लिए जावास्क्रिप्ट के लिए RegEx इनपुट तत्व में कोणीय फिल्टर का उपयोग करना पायथन में एक अपरिवर्तनीय ऑब्जेक्ट कैसे बना सकता है? एक फ़ील्ड प्रारंभिक nonstatic क्षेत्र, विधि, या संपत्ति का संदर्भ नहीं दे सकते सक्रिय और निष्क्रिय एफ़टीपी के बीच अंतर क्या है? कैसे अजगर में "टेस्ट" NoneType को? JSON के लिए XSLT बराबर विंडोज 7 और विस्टा यूएसी – सी # में प्रोग्रामेंटल रूप से अनुरोध की ऊंचाई JQuery के एजेक्स समारोह में सामग्री प्रकार और डेटा प्रकार के बीच अंतर सी # सेटिंग / स्ट्रिंग नाम से कक्षा गुण प्राप्त करना जावा में दूसरे से मैं एक कन्स्ट्रक्टर को कैसे कॉल करूं? इरादा-फ़िल्टर का उपयोग करके यूआरएल से एंड्रॉइड ऐप खोलें जावा का उपयोग कर स्थानीय सिस्टम का सबनेट मुखौटा कैसे प्राप्त करें?

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() बारे में कोई पृष्ठ है , इसलिए मुझे लगता है कि इसे कम से कम फ़ायरफ़ॉक्स में काम करना चाहिए)

वेब के समाधान से एकत्रित समाधान "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/