पारदर्शी पाठ जो पहले पृष्ठभूमि

Question

मैं अगर यह सीएसएस में संभव है पता नहीं है पर ध्यान नहीं देता, मुझे यकीन है कि यह js में किया जा सकता, लेकिन मैं पता नहीं कैसे हूँ ...

मैं एक div है एक पृष्ठभूमि और एक पाठ के साथ जो एक और पृष्ठभूमि में एक और div के साथ है। मैं क्या चाहता हूं कि टेक्स्ट पारदर्शी हो और टेक्स्ट पृष्ठभूमि के रूप में पहली पृष्ठभूमि हो। मैं अगर यह स्पष्ट है पता नहीं है तो मैं इसके लिए एक बेला बना लिया है:

<div id="first-background"> 
    <div id="second-background"> 
     <h1>This text should be transparent and have the first-background as its background and ignore the second background.</h1> 
    </div> 
</div> 

http://jsfiddle.net/K2Ytv/

Answer 1

इस तकनीक को मुखौटा कतरन कहा जाता है।

आप जो चाहते हैं उसे प्राप्त करने के लिए DEMOS AND TUTORIALS ON CLIPPING MASK का संदर्भ ले सकते हैं।

Answer 2

आप इस बात को आजमा सकते हैं।

#first-background{ 
     background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcT_1zl6-e5P_loFXt6vq6aA50usSJwm2amdkqPaVSQums5KalLX4A); 
     background-repeat: no-repeat; 
     background-size: 100%; 
     width: 700px; 
     height: 700px; 
    } 

    #second-background{ 
     background-color: red; 
     opacity: 0.5; 
     width: 700px; 
     height: 435px; 
    } 
    h3{ 
     color: rgba(53,90,150,0.4); 

    }