CSS3 पृष्ठभूमि-क्लिप

Question

मैं एक h2 तत्व में पाठ को पृष्ठभूमि छवि को प्रतिबंधित करने के लिए -webkit-background-clip का उपयोग कर रहा हूं।

मेरा सवाल है, क्या -मोज़-पृष्ठभूमि-क्लिप एक ही तरीके से कार्य करता है? क्योंकि रंग की वर्तमान

#header h1 a{ 
    background: url(img/logo-overlay.png) no-repeat #000; 
    -moz-background-clip: text; -webkit-background-clip: text; 
    color: transparent; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; 
    text-decoration: none; 
} 

, Firefox में, पाठ छिपा हुआ है (: पारदर्शी और पाठ भरण रंग यह केवल जिससे पता चलता है यह फ़ायरफ़ॉक्स में अभी तक काम नहीं करता है वेबकिट ब्राउज़रों में काम करने के लिए, लगता है: पारदर्शी गुण) और केवल पृष्ठभूमि छवि और रंग तत्व के आयताकार आकार में दिखाई दे रहे हैं।

कोई विचार?

Answer 1

मुझे विश्वास नहीं है textbackground-clip संपत्ति के लिए मान्य मान है।

एमडीसी दो अलग-अलग घोषणाएं बताता है, एक फ़ायरफ़ॉक्स 3.6 और नीचे के लिए, और दूसरा आगामी फ़ायरफ़ॉक्स 4 के लिए। यह वेबकिट समकक्ष भी बताता है।

Firefox (Gecko)  
1.0-3.6 (1.2-1.9.2) -moz-background-clip: padding | border 
4.0 (2.0)    background-clip:  padding-box | border-box | content-box 

Safari (WebKit) 
3.0 (522)    -webkit-background-clip: padding | border | content 

देखें MDC दस्तावेज़ यहाँ: https://developer.mozilla.org/en/CSS/background-clip

आप क्या हासिल करने की कोशिश कर रहे हैं के रूप में, मेरा मानना ​​है कि content-box मूल्य आप जो खोज रहे हैं है। ध्यान दें कि फ़ायरफ़ॉक्स 3.6 और नीचे इस मान का समर्थन करने के लिए प्रकट नहीं होते हैं।

देखें: http://www.css3.info/preview/background-origin-and-background-clip/