पृष्ठभूमि-जागरूक पाठ रंग

Question

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

दुर्भाग्यवश उत्तरदायी (मोबाइल) डिज़ाइन में कुछ पाठ पुनः आकार की पृष्ठभूमि छवि के गहरे हिस्सों पर स्तरित किया गया है और पाठ को पढ़ने में बहुत मुश्किल हो सकती है। क्या किसी को एक jQuery प्लगइन या तकनीक के बारे में पता है जहां पाठ को इसके पीछे की पृष्ठभूमि के बारे में पता किया जा सकता है और तदनुसार शैली/रंग बदल सकता है?

Answer 1

आप अपने टेक्स्ट के किनारे को चिह्नित करने के लिए टेक्स्ट-छाया का उपयोग कर सकते हैं।

body { 
/* your rules */ 
color: rgba(0 , 0, 0, 0.8); /* just a guess that it might be black;*/ 
text-shadow: 
    0 0 1px gold, 
    0 0 3px white; /* choose how many and which colors */ 
} 

विचार

Answer 2

क्या आप मूल रूप से इस करना पड़ेगा पूछ रहे है कि:

• पाठ में प्रत्येक शब्द बताए ऊपर से <span>
• उपयोग% स्थिति के साथ लिपटे होने के लिए/यह तस्वीर में कहां है, और उस क्षेत्र में गिरने वाले स्पैन के लिए गतिशील रूप से रंग असाइन करें।

बेहतर शब्द की कमी के लिए, नहीं है। यह हास्यास्पद है, और तर्कसंगत बनाने के लिए रास्ता बहुत अधिक है।

टेक्स्ट के लिए कंटेनर को अर्ध-पारदर्शी पृष्ठभूमि क्यों न दें, ताकि यह और अधिक खड़ा हो?

.Container { 
    background-color:rgba(0,0,0,0.5); 
} 

यह एक प्रकाश टिंट पाठ, छवि के खिलाफ पॉप, जबकि अभी भी पृष्ठ पर पूर्ण चित्र शो बताने के लिए प्रदान करता है।

टेक्स्ट-छाया समाधान भी एक अच्छा विचार है, लेकिन सिर्फ एक सिर है कि यह IE9- पर काम नहीं करेगा। मेरा समाधान आईई 9 पर काम करेगा, लेकिन आईई 8 पर नहीं, जिसका मतलब यह बेहतर नहीं है बल्कि कुछ ध्यान में रखना है।