पृष्ठभूमि छवि को धुंधला होने से रोकने के लिए कैसे करें

Question

मुझे यह जानने की ज़रूरत है कि पृष्ठभूमि छवि को सीएसएस में टेक्स्ट खत्म होने पर धुंधला नहीं होना चाहिए क्योंकि यह धुंधली होने पर मेरी वेबसाइट के रूप में खराब हो जाता है।

मेरे सीएसएस है:

background: #ff0000 url(img/rain.jpg) top center repeat-y; 
background-size: 100%; 

लेकिन जब मैं इसे लोड अप जहां पाठ है कि वहाँ लाइन धुँधली हो जाता है और मैं इसे तो मैं यह कैसे करते हो नहीं करना चाहती?के लिए

background: transparent; 

:

Fiddle example

Answer 1

मैं ऐसा करके यह मिल गयाऔर p तत्व।

Answer 2

background-size: cover;background-position:50% 50%; के उपयोग से आपको मदद मिलेगी ..

* { 
font-family: Calibri, Comic Sans MS, Serif; 
background: #ff0000 url(http://www.coolguysite.co.uk/blog/templates/default/img/rain.jpg) top center repeat-y; 
background-size: cover; 
background-position:50% 50%; 
} 

UPDATED FIDDLE

Answer 3

प्रयास करें जोड़ने के लिए:

छवि प्रतिपादन: -webkit-अनुकूलन विपरीत;

Answer 4

इसे कोड में जोड़ने का प्रयास करें: image-rendering: pixelated; मेरे लिए यह पूरी तरह से काम करता है। आप भी कोशिश कर सकते हैं - image-rendering: -webkit-optimize-contrast;