इस छवि को <a href="http://provisions.convoy.nyc/" rel="nofollow">page</a> पर पृष्ठभूमि छवि/रंग

Question

के आधार पर टेक्स्ट रंग बदलें, मेरे पास पहले div एक अंधेरे छवि के रूप में और दूसरा प्रकाश पृष्ठभूमि के रूप में है।

मैं साइडबार टेक्स्ट रंग को अंधेरे छवि पर प्रकाश और प्रकाश पर अंधेरा होना चाहता हूं।

पृष्ठभूमि में क्या है div के अनुसार रंग कैसे सेट किया जाएगा? बस दो रंग विकल्पों के लिए इसकी जरूरत है। पर पृष्ठभूमि का रंग background-check साथ है आधारित पाठ का रंग समायोजित करने के लिए

<div id="home_wrapper"> 
    <div id="home_top_t_wrap"> <!-- DARK BACKGROUND --> 
     <h1 class="top_text_h1"> Shop New York Like Never Before </h1> <!-- TEXT THAT NEEDS TO GO FROM LIGHT TO DARK --> </div> 
    <div id="the_market_container"> <!-- LIGHT BACKGROUND --></div> 
</div> 

Answer 1

<div id="home_wrapper"> 
    <div id="home_top_t_wrap"> <!-- DARK BACKGROUND --> 
     <h1 class="top_text_h1"> Shop New York Like Never Before </h1> <!-- TEXT THAT NEEDS TO GO FROM LIGHT TO DARK --> </div> 
    <div id="the_market_container"> <!-- LIGHT BACKGROUND --></div> 
</div> 


    <script> 

    $(document).ready(function() { 
     $("#home_top_t_wrap").hover(function() { 
      $("body").css("background-color","light"); //change light to your color 
     }); 
    $("#the_market_container").hover(function() { 
      $("body").css("background-color","dark"); //change dark to your color 
     }); 

    }); 
    </script> 

मैं div हॉवर पर की कोशिश की। उम्मीद है कि यह

Answer 2

एक ही रास्ता:

इस

मैं http://www.acnestudios.com/ उदाहरण एचटीएमएल के लिए क्या देख रहा हूँ का एक और उदाहरण है।

github page से:

स्वचालित रूप से एक गहरे या एक तत्व इसके पीछे छवियों की चमक के आधार पर की एक लाइटर संस्करण में परिवर्तित।

• Is it possible to change text color based on background color using css?
• Change text color based on brightness of the covered background area?
• Dynamically adjust text color based on background image
• Invert CSS font-color depending on background-color

---

:

यहाँ कुछ अन्य विकल्प हैं 210

अद्यतन

इस वेबसाइट पर साइडबार की जाँच करें: http://provisions.convoy.nyc/

एक साफ, चिकनी रंग पृष्ठभूमि छवि या रंग के आधार पर पाठ के लिए संक्रमण।

मैंने डिजाइनर के साथ बात की। वे का उपयोग करें: http://aerolab.github.io/midnight.js

Answer 3

मैं इस प्लगइन http://aerolab.github.io/midnight.js/ का उपयोग पसंद तुम कोशिश कर सकते यह